@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes shakeUp{0%{transform:translateY(0)}25%{transform:translateY(-3px)}50%{transform:translateY(3px)}75%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes rotate-90-cw{0%{transform:rotate(0)}to{transform:rotate(90deg)}}@keyframes flip-2-ver-right-1{0%{transform:translate(0) rotateY(0);transform-origin:100% 50%}to{transform:translate(100%) rotateY(-180deg);transform-origin:0% 50%}}@keyframes appear{to{opacity:1}}@keyframes scale-up-hor-right{0%{transform:scaleX(.7);transform-origin:100% 100%}to{transform:scaleX(1);transform-origin:100% 100%}}@keyframes scale-up-hor-left{0%{transform:scaleX(.7);transform-origin:0% 0%}to{transform:scaleX(1);transform-origin:0% 0%}}@keyframes shadow-drop-2-right{0%{transform:translateZ(0) translate(0);box-shadow:0 0 #0000}to{transform:translateZ(50px) translate(-12px);box-shadow:8px 0 20px -8px #00000059}}@keyframes shadow-drop-2-left{0%{transform:translateZ(0) translate(0);box-shadow:0 0 #0000}to{transform:translateZ(50px) translate(12px);box-shadow:-12px 0 20px -12px #00000059}}@keyframes scale-up-ver-top{0%{transform:scaleY(.7);transform-origin:100% 0%}to{transform:scaleY(1);transform-origin:100% 0%}}@keyframes slide-top{00%{transform:translate(-50%,-50%);opacity:1;@media only screen and (max-width: 768px){transform:translate(-5%,-50%)}}to{transform:translate(-50%,100%);opacity:0}}@keyframes slide-bot{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%,-50%);opacity:1;@media only screen and (max-width: 768px){transform:translate(-5%,-50%)}}}@keyframes rotate-center{0%{transform:rotate(0)}to{transform:rotate(180deg)}}@keyframes bounce-top{0%{transform:scale(2.5) translateY(0);animation-timing-function:ease-in;opacity:1}8%{transform:scale(2.5) translateY(-8px);animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:scale(2.5) translateY(-4px);animation-timing-function:ease-out}65%{transform:scale(2.5) translateY(-2px);animation-timing-function:ease-in}82%{transform:scale(2.5) translateY(-1px);animation-timing-function:ease-in}93%{transform:scale(2.5) translateY(-.5px);animation-timing-function:ease-in}25%,55%,75%,87%{transform:scale(2.5) translateY(0);animation-timing-function:ease-out}to{transform:scale(2.5) translateY(0);animation-timing-function:ease-out;opacity:1}}@keyframes slide-in-left{0%{transform:translate(-1000px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-right{0%{transform:translate(1000px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-bottom-big{0%{transform:scale(2.5) translateY(1000px);opacity:0}to{transform:scale(2.5) translate(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes open-accordion{0%{max-height:0}99%{max-height:200vh}to{max-height:unset}}@keyframes shadow-drop-2-center{0%{transform:translateZ(0);box-shadow:0 0 #0000}to{transform:translateZ(50px);box-shadow:0 0 20px #00000040}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}a.btn,.btn{background-color:#4772d9;color:#fff;margin:20px auto 0;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:18px;border:2px solid #4772d9;transition-duration:.3s;transition-property:color,background-color;height:7vh;min-height:45px;width:200px;min-width:20vw;font-size:calc(.5vw + 16px)}a.btn:hover,.btn:hover{animation:shadow-drop-2-center .4s cubic-bezier(.25,.46,.45,.94) both;background-color:#fff;color:#4772d9;cursor:pointer}.btn--invert{background-color:#fff;color:#4772d9}.btn--invert:hover{background-color:#4772d9;color:#fff}.clickable,a:not(.btn){background:linear-gradient(to bottom,#4772d9 0%,#4772d9 100%);background-position:0 100%;background-repeat:repeat-x;background-size:4px 4px;color:#000;text-decoration:none;transition:background-size .3s,color .3s}.clickable:hover,a:hover{cursor:pointer;background-size:4px 90%;color:#fff}.contact-section{padding:10% 10vw}.contact-header__bg.bottom{transform:skewY(6deg);transform-origin:top right;background-color:#4772d9;top:-1px;background-image:linear-gradient(to left top,#4772d9,#4f78e0,#577ee7,#5f85ef,#678bf6);height:150%;z-index:-1}.contact-form{background-color:#fff;box-shadow:0 3px 8px #0003,0 0 0 1px #00000014;padding:5%}.contact-form-bg{z-index:-1;background:transparent;position:fixed;display:block;inset:0;transition:background 1s}.contact-section.shown span.x{z-index:100000}.contact-section.shown .contact-form-bg{background:rgba(255,255,255,.6);z-index:0}.contact-section.shown .contact-form{position:fixed;animation:slide-bot .6s cubic-bezier(.25,.46,.45,.94) both;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 768px){.contact-section.shown .contact-form{left:10%;transform:translate(-5%,-50%)}}.contact-section.unshown .contact-form{position:fixed;animation:slide-bot .6s cubic-bezier(.25,.46,.45,.94) both;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 768px){.contact-section.unshown .contact-form{left:10%;transform:translate(-5%,-50%)}}.contact-section.unshown .contact-form{animation:slide-top .6s cubic-bezier(.25,.46,.45,.94) both}.contact-section{position:relative}.contact-section span.x{transition:top .4s;position:absolute;top:1rem;right:1rem;z-index:-100000}.contact-section span.x:hover{cursor:pointer}@media screen and (max-width: 420px){.contact-section span.x{right:5px}}.contact-header{line-height:.75;margin-bottom:40px}.contact-subhead{font-size:calc(3vw + 12px);line-height:1}.contact-subhead ul{padding-left:0}.contact-subhead li{padding:0 0 20px;margin:0;line-height:1.2;list-style:none}.contact-subhead li a{padding-bottom:5px;padding-top:20px}.contact-subhead svg{width:40px;height:40px;margin:0 10px -5px 0}.portfolio__item--passman .item__img-container{background-color:#70c1b3}.portfolio__item--troog .item__img-container{background-color:#fff0e6}.portfolio__item--lysten .item__img-container{background-color:#fffaff}.portfolio__item--personalist .item__img-container{background-color:#fcd3c8}.portfolio__item--blog .item__img-container{background-color:#f0db4f}.portfolio__item--wailto .item__img-container{background-color:#aa5c9f33}.portfolio__item--toadstools .item__img-container{background-color:#e3222312}.portfolio__item--outwork .item__img-container{background-color:#fdf6e3}.portfolio__item--orderup-hookup .item__img-container{background-color:#e6f8ed}.portfolio__item--twitch-tracker .item__img-container{background-color:#b3a2d2}.portfolio__item--hub .item__img-container{background-color:#ffae4280}.portfolio__item--pp .item__img-container{background-color:#6eb692}.portfolio__item--git-flow .item__img-container{background-color:#f9f2f4}.portfolio__item--practice-buddy .item__img-container{background-color:#f3efd7}#project-header,#project-subheader{position:relative;overflow:hidden}#project-header{padding:0 5%}#projects{min-height:50%}.project-header__bg{transform:skewY(-6deg);transform-origin:top left;border-bottom:5px solid #333}.project-header-text{padding:5% 0 9%;width:100%;display:flex;align-items:center;justify-content:space-between;max-width:800px;max-width:66vw}@media only screen and (min-width: 1200px){.project-header-text{max-width:66vw}}@media only screen and (max-width: 1200px){.project-header-text{max-width:80vw}}@media only screen and (max-width: 768px){.project-header-text{flex-direction:column;max-width:90vw}}.project-header-text h2{flex-basis:33%}.project-header-text .project-header-adtl-links{padding-left:1rem;font-size:2rem}.project-header-text .project-header-adtl-links h3{margin-top:1rem;margin-bottom:.5rem}.portfolio-section{position:relative;overflow:hidden}.portfolio-section button.btn{margin-bottom:60px}.portfolio__item:first-of-type{margin-top:0}.portfolio__item{padding:8px;display:flex;justify-content:space-between;align-items:center;margin:10% 0;position:relative;overflow:hidden}.portfolio__item h3{margin-bottom:10px}@media screen and (max-width: 768px){.portfolio__item h3{text-align:left}}.portfolio__item .item__header-link{font-size:calc(4.5vw + 12px);font-family:GilroyBold,Arial,sans-serif;font-weight:400;margin-bottom:10px}.portfolio__item .item__img-container{transition:width .4s,height .4s,box-shadow .4s;display:flex;justify-content:center;align-items:center;text-align:center;width:30vw;flex-direction:row-reverse;padding:3px;height:250px;min-height:18vw}.portfolio__item .item__img-container>img{min-width:calc(30vw - 5px);max-width:calc(30vw - 5px);display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.portfolio__item .item__img-container>img{max-height:150px;max-width:100%}}.portfolio__item .item__img-container:hover{box-shadow:0 3px 3px #00000024,0 1px 7px #0000001f,0 3px 1px -1px #0003;cursor:pointer}.portfolio__item .item__img-container:hover img.aditional-pics__sss{padding:10%}@media screen and (max-width: 768px){.portfolio__item .item__img-container{justify-content:flex-start;align-items:center;flex-direction:column;width:80vw;height:160px}}.portfolio__item .img-container__additional-pics{transition:margin .4s,height .4s;display:flex;overflow:hidden;height:100%}.portfolio__item .img-container__additional-pics .additional-pics__container{padding-top:10%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 520px){.portfolio__item .img-container__additional-pics .additional-pics__container{padding-top:12vw}}@media screen and (max-width: 420px){.portfolio__item .img-container__additional-pics .additional-pics__container{padding-top:0}}.portfolio__item .img-container__additional-pics .additional-pics__container a{background:none;outline:none;margin-bottom:-10%}@media screen and (max-width: 768px){.portfolio__item .img-container__additional-pics .additional-pics__container a{margin-bottom:0}}.portfolio__item .img-container__additional-pics .additional-pics__container img{transition:padding .5s,opacity .3s;width:100%;opacity:0}@media screen and (max-width: 420px){.portfolio__item .img-container__additional-pics .additional-pics__container img{width:100%}.portfolio__item .img-container__additional-pics .additional-pics__container img:hover{width:90%}}@media screen and (max-width: 768px){.portfolio__item .img-container__additional-pics{flex-direction:column;height:0;width:90%}}.portfolio__item .item__text-container{transition:all .4s;width:45vw;overflow:hidden}.portfolio__item .item__text-container p{margin-bottom:20px}.portfolio__item .item__text-container .item__header-code-link{background-size:2px 0px}.portfolio__item .item__text-container .item__header-code-link:hover{background-size:2px 90%}@media screen and (max-width: 768px){.portfolio__item .item__text-container{width:100%;height:275px;margin-top:10px}}.portfolio__item:nth-of-type(2n){flex-direction:row-reverse}.portfolio__item:nth-of-type(2n) h3{text-align:left}.portfolio__item:nth-of-type(2n) .item__img-container{flex-direction:row}@media screen and (max-width: 768px){.portfolio__item:nth-of-type(2n) .item__img-container{flex-direction:column}}.portfolio__item:nth-of-type(2n).portfolio__item--active .item__img-container{animation:scale-up-hor-right .5s cubic-bezier(.39,.575,.565,1) both}@media screen and (max-width: 768px){.portfolio__item:nth-of-type(2n).portfolio__item--active .item__img-container{animation:scale-up-ver-top .5s cubic-bezier(.39,.575,.565,1) both}}@media screen and (max-width: 768px){.portfolio__item:nth-of-type(2n){flex-direction:column}}@media screen and (max-width: 768px){.portfolio__item{flex-direction:column}}.portfolio__item--active .item__img-container{box-shadow:0 3px 3px #00000024,0 2px 7px #0000001f,0 3px 1px -1px #0003}.portfolio__item--active .item__img-container:hover{box-shadow:0 5px 5px #00000026,0 4px 10px #0000001f,0 5px 2px -2px #0000000d}.portfolio__item--active .item__img-container{animation:scale-up-hor-left .5s cubic-bezier(.39,.575,.565,1) both;width:100%}@media screen and (max-width: 768px){.portfolio__item--active .item__img-container{height:350px;animation:scale-up-ver-top .5s cubic-bezier(.39,.575,.565,1) both}}.portfolio__item--active .img-container__additional-pics .additional-pics__container img{opacity:1}.portfolio__item--active .item__text-container{margin-left:-100%;margin-right:-100%}@media screen and (max-width: 768px){.portfolio__item--active .item__img-container{box-shadow:8px 0 20px -8px #00000059;width:80vw;height:350px}}@media screen and (max-width: 768px) and (max-width: 420px){.portfolio__item--active .item__img-container{height:250px}}@media screen and (max-width: 768px){.portfolio__item--active .img-container__additional-pics{margin-right:0;height:400px}.portfolio__item--active .item__text-container{height:0;margin:auto}}.hidden-section{max-height:0}.shown-section{animation:open-accordion .8s cubic-bezier(.25,.46,.45,.94) both}ul.portfolio-links{list-style:none;padding-left:0}ul.portfolio-links li{position:relative;display:flex;align-items:center;padding-left:1.5em;margin-bottom:.5em}ul.portfolio-links li:before{content:"";left:0;top:6px;width:1em;padding-right:1rem;height:1.5rem;background-repeat:no-repeat}ul.portfolio-links li:nth-of-type(3):before{background-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-briefcase'><rect x='2' y='7' width='20' height='14' rx='2' ry='2'></rect><path d='M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16'></path></svg>")}ul.portfolio-links li:nth-of-type(2):before{background-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?> <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-heart'><path d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'></path></svg> ")}ul.portfolio-links li:nth-of-type(1):before{background-image:url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?> <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-phone'><path d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'></path></svg> ")}#sam.delay{animation-delay:.1s}#smessina-tag.delay,#messina.delay{animation-delay:.7s;animation-duration:.7s}.header-info.delay,#tagline.delay{animation-delay:1.3s}header{text-align:center;color:#fff;height:75vh;position:relative;overflow:hidden}header svg{position:absolute;top:80vh}@media only screen and (min-width: 520px){header{min-height:600px}}h1,h2,h3,#sam,#messina{font-family:GilroyBold,Arial,sans-serif;font-weight:400}.header__bg{background-color:#4772d9;background-image:linear-gradient(to left bottom,#4772d9,#4f78e0,#577ee7,#5f85ef,#678bf6);transform:skewY(6deg);transform-origin:top right}.header__bg,.project-header__bg,.contact-header__bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}#messina,#sam{animation:slide-in-left .6s cubic-bezier(.25,.46,.45,.94) both;display:inline-block}#messina{margin-left:12%}#smessina-tag{font-family:GilroyLight,Arial,sans-serif;font-weight:200;font-size:50%;display:inline-block;animation:slide-in-right .6s cubic-bezier(.25,.46,.45,.94) both}.header-info{line-height:1;margin:1vh auto 0;text-align:left;width:33vw;min-width:200px;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;font-size:3vw}@media screen and (max-width: 920px){.header-info{font-size:6vw}}#tagline{font-family:GilroyLight,Arial,sans-serif;font-size:3vw;padding:0% 3% 5%;position:absolute;color:#fff;right:20px;animation:slide-in-bottom .6s cubic-bezier(.25,.46,.45,.94) both;display:inline-block}@media screen and (max-width: 920px){#tagline{font-size:6vw}}@font-face{font-family:GilroyBold;font-display:auto;src:local("Gilroy-ExtraBold"),url(/fonts/Gilroy-ExtraBold.otf) format("opentype");font-display:swap}@font-face{font-family:GilroyLight;font-display:auto;font-display:swap;src:local("Gilroy-Light"),url(/fonts/Gilroy-Light.otf) format("opentype")}*{font-family:GilroyLight,Arial,sans-serif}li,p{font-weight:300;font-size:calc(.5vw + 16px)}strong{font-weight:800}ul{margin-top:0}main{position:relative;overflow:hidden;height:100%}section{min-height:200px}.portfolio-section__portfolio{padding:0 10vw 10%}h3{margin-top:0}h3 span{line-height:1;font-family:GilroyLight,Arial,sans-serif;font-weight:200;font-size:calc(1.5vw + 12px);display:block}h2{font-size:8vw;margin:0}h2.project-header-h2{line-height:.9;margin-bottom:16px}@media only screen and (max-width: 768px){h2{font-size:12vw}h2+span{font-size:9vw;line-height:1;margin-bottom:-10px}}h3{font-size:33w}@media only screen and (max-width: 768px){h3{font-size:2rem}}@media only screen and (max-width: 420px){h3{font-size:6vw}}h1{line-height:.8;padding:5% 3%;position:relative;color:#fff;margin:0;font-size:14vw}@media only screen and (max-width: 768px){h1{margin-top:20vh;font-size:16vw}}@media only screen and (max-width: 420px){h1{margin-top:10vh}}@media only screen and (min-width: 1200px){h1{font-size:12vw}}footer{z-index:10000;display:flex;justify-content:center;align-items:center;background-color:transparent;color:#fff;min-height:70px;max-height:70px;width:100%;overflow-y:hidden}footer .footer__saav img{height:100px}