body{margin:0;padding:0;font-family:century;overflow:auto}body.contact{overflow:hidden}body.contact #trigger-contact-takeover{padding:0}@font-face{font-family:century;src:url(/fonts/Century%20Gothic%20Std%20Regular.otf)format("opentype")}@font-face{font-family:garamond;src:url(/fonts/Garamond%20Premier%20Pro%20Italic.ttf)format("opentype")}body.loading{overflow-y:hidden}body #welcome{width:100%;min-height:70vh;text-align:left;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:70svh;display:grid}#cool-loading{z-index:9999;-o-transition:all .5s ease;background-color:#66ceff;background-position:50%;background-repeat:no-repeat;width:100vw;height:100vh;transition:all .5s;position:fixed;top:0;left:0}#cool-loading.loaded{opacity:0}#welcome .content{text-transform:uppercase;font-variant-ligatures:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0;grid-area:2/2;align-self:center;padding:0 6vw 8vh 2vw;font-family:century;font-style:normal;font-variant-caps:normal}body .fp-tableCell{vertical-align:unset}#welcome .content h1{text-shadow:0 0 18px #ffffffe6,0 0 6px #ffffffb3;margin:3vh 0 0;font-size:clamp(26px,3.5vw,52px);line-height:1.1}#welcome .content span{text-shadow:0 0 18px #ffffffe6,0 0 6px #ffffffb3;font-size:clamp(14px,1.1vw,18px);line-height:1.8;display:block}#welcome .content span.connector{text-transform:none;font-family:garamond}#welcome .image-block{background-image:url(/images/me_lookingright_transparent_background.webp);background-position:0 100%;background-repeat:no-repeat;background-size:contain;grid-area:2/1;align-self:end;width:100%;height:63vh}#welcome .welcome-social-btns{z-index:10;grid-area:1/1/auto/-1;justify-self:end;gap:20px;padding:4vh 4vw 0;display:flex}#welcome .welcome-social-btns a{font-size:40px;transition:transform .3s}#welcome .welcome-social-btns a:hover{transform:scale(1.1)}#welcome .social-linkedin,#wrapper footer .Social-btns .social-linkedin i{color:#0a66c2}#welcome .social-github,#wrapper footer .Social-btns .social-github i{color:#6e5494}#welcome .social-email{color:#27272b}#wrapper footer .Social-btns .social-email i{color:#fff}#wrapper footer .Social-btns a.social-linkedin,#wrapper footer .Social-btns a.social-github,#wrapper footer .Social-btns a.social-email{opacity:1}#welcome .availability-link{color:inherit;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:color .3s}#welcome .availability-link:hover{color:#0a66c2}#welcome .employer-link{color:inherit;align-items:center;gap:.6em;text-decoration:none;display:inline-flex}#welcome .employer-logo{width:auto;height:1.7em;transition:transform .3s}#welcome .employer-link:hover .employer-logo{transform:scale(1.05)}body .gzERkV{background:#66ceff}body #projects{background:#000;overflow:hidden}#projects .project{float:left;background:#fff;width:50%;height:auto;position:relative;overflow:hidden}#projects .project .container{cursor:pointer;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;width:100%;height:auto;transition:all .5s;position:relative;overflow:hidden;box-shadow:0 5px 15px #0003}#projects .img,#projects img,#takeover img,#takeover .img{filter:brightness(1.05)sepia(.2)contrast(.9)saturate(.9);-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;transition:all .5s}#projects .img:hover,#projects img:hover,#takeover img:hover,#takeover .img:hover{filter:none}#takeover .title-subtitle{top:var(--hero-h);box-sizing:border-box;text-align:left;background:linear-gradient(#0000 0%,#000c 50%,#000000eb 100%);width:100%;padding:clamp(60px,9vw,140px) clamp(24px,4vw,56px) clamp(24px,4vw,56px);position:absolute;left:0;transform:translateY(-100%)}#takeover .title-subtitle.below-video{background:#111;padding-top:clamp(24px,4vw,56px);position:static;transform:none}#takeover .title-subtitle p{letter-spacing:2px;text-transform:uppercase;color:#a6e4ff;overflow-wrap:break-word;text-wrap:balance;text-shadow:0 1px 6px #000c;margin:0 0 10px;font-size:clamp(13px,1.1vw,17px);line-height:1.5}#takeover .title-subtitle h1{letter-spacing:1px;text-transform:uppercase;color:#fff;overflow-wrap:break-word;text-shadow:0 2px 12px #000c;margin:0;font-size:clamp(28px,3.6vw,54px);line-height:1.1}#projects .project .img{background-position:top;background-size:cover;width:100%;height:45vh;overflow:hidden}#projects .project .img.phone{background-repeat:no-repeat;background-size:contain}.takeover-page{--hero-h:85vh;z-index:90;background:#fff;width:100vw;height:auto;min-height:100vh;position:absolute;top:0;overflow-y:scroll}.takeover-page .container p{width:65%;font-family:serif;font-size:18px}#takeover .title-subtitle .hero-cta{color:#001623;letter-spacing:2px;text-transform:uppercase;background:#66ceff;border-radius:999px;margin-top:22px;padding:12px 22px;font-size:14px;text-decoration:none;transition:background-color .3s;display:inline-block}#takeover .title-subtitle .hero-cta:hover,#takeover .title-subtitle .hero-cta:focus-visible{background:#fff}.takeover-page .facts{clear:both;color:#fff;background:#111;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px 32px;margin:0;padding:28px 5vw;display:grid}.takeover-page .facts dt{letter-spacing:2px;text-transform:uppercase;color:#8fdcff;margin-bottom:6px;font-size:12px}.takeover-page .facts dd{margin:0;font-size:16px;line-height:1.4}.takeover-page .info,.takeover-page .tech{float:left;color:#2f2f2f;background-color:#fff;width:75vw;max-width:760px;padding:5vw;font-size:18px;line-height:1.7}.takeover-page .info h3,.takeover-page .tech h3{letter-spacing:1px;margin:1.8em 0 .6em;font-size:20px}.takeover-page .info>h3:first-child,.takeover-page .tech>h3:first-child{margin-top:0}.takeover-page .info h4{color:#111;margin:.6em 0 .3em;font-size:20px;font-weight:600}.takeover-page .info b{color:#111;font-weight:600}.takeover-page .info a{color:#0a7fb8;text-underline-offset:3px}.takeover-page .info li,.takeover-page .tech li{padding-bottom:8px}h3{color:#66ceff;text-transform:uppercase}.scroller{height:150px;overflow-y:auto}.exit-takeover{color:#27272b;z-index:9999;cursor:pointer;-webkit-appearance:none;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;text-shadow:0 0 18px #ffffffe6,0 0 6px #ffffffb3;padding:0 10px;font-size:50px;transition:all .5s;position:fixed;top:4vh;right:4vw}.exit-takeover:hover{color:#66ceff;transform:scale(1.05)}#contact-takeover .form{width:80vw;height:auto;margin-top:25vh;margin-left:auto;margin-right:auto;font-size:30px;overflow:hidden}#contact-takeover .buttons{text-align:center;margin-left:auto;margin-right:auto}#contact-takeover .form div{width:max-content}#contact-takeover .form .form-content{margin-left:auto;margin-right:auto}#contact-takeover .form input{text-transform:capitalize;color:#000;-webkit-appearance:none;transition:border-color .3s,color .3s;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;background:0 0;border:none;border-bottom:3px solid #000;border-radius:0;outline:none;width:28vw;margin:0 10px 35px;padding:7px 15px;font-size:21px;transition:all .5s}#contact-takeover .form input.lowercase{text-transform:lowercase}#contact-takeover .form input:focus{transform:scale(1.05)}#contact-takeover .form input.submit{color:#fff;cursor:pointer;transition:background-color .28s,color .28s,box-shadow .28s;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;background:#000;border:none;width:20vw;margin:3.6rem 1vw;padding:.9rem 3.6rem;font-size:1.1rem;transition:all .5s;display:inline-block;overflow:hidden;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}#contact-takeover .form input.submit:hover{color:#000;background:#66ceff;border:none;transform:scale(1.05)}#contact-takeover .Social-btns,#wrapper footer .Social-btns{cursor:pointer;text-align:center;width:100%;height:auto;font-size:50px;text-decoration:none;position:absolute;bottom:5vh}#wrapper footer .Social-btns{color:#fff;background:#000;padding-top:15px;padding-bottom:15px;position:static;bottom:0}#wrapper footer .Social-btns a{color:#fff;opacity:.8;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;margin:0 20px;transition:all .5s;display:inline-block}#wrapper footer .Social-btns a:hover{opacity:1;transform:scale(1.05)}#wrapper footer .Social-btns i{color:#fff}#contact-takeover .Social-btns svg,#wrapper footer .Social-btns svg{color:#000;opacity:.8;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;margin-left:5vh;margin-right:5vh;transition:all .5s}#wrapper footer .Social-btns svg{color:#fff}#contact-takeover .Social-btns svg:hover,#wrapper footer .Social-btns svg:hover{opacity:1;transform:scale(1.05)}#contact-takeover div.form-stage{float:left;text-align:left;width:48vw;margin:-19vh 0 0 4vw;padding-left:10px;font-size:1.1rem}#contact-takeover p.error-message{color:#9999;opacity:0;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;font-size:1.1rem;transition:all .5s}#contact-takeover p.error-message.visable{opacity:1;margin-left:5vw}#contact-takeover p.error-message:hover{transform:scale(1.005)}#contact-takeover .progressbar-container .progressbar{float:left;background:#000;width:35vw;height:10px;margin-top:27px}#contact-takeover .progressbar-container span{float:left;background:#000;width:25px;height:25px;position:relative;top:-8px}#contact-takeover .progressbar-container{width:auto}#welcome .content .skills.effect{-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;transition:all 1s;transform:scale(1.05)}#welcome .content .skills.effect2{-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;transition:all 1s;transform:scale(.95)}.section{width:100%;height:auto;display:block;overflow:auto}#credability .container{width:100%;height:auto;padding-top:12vh;padding-bottom:8vh;overflow:auto}#credability h1{text-align:center;text-transform:uppercase}#credability h4{text-transform:uppercase;margin:18px;padding:0}#credability p{width:90%;margin:0 auto;padding-bottom:9px;font-size:13px}#credability .container .feature{float:left;opacity:.7;cursor:pointer;color:#000;text-align:center;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;width:23%;min-height:230px;margin-top:1vh;padding:1%;transition:all .5s;display:block;top:0}body #contact-takeover .form input[name=website],body #contact-takeover .form input[name=email]{text-transform:none!important}#contact-takeover .form input.progressbar{width:135px}#credability .container .feature svg{color:#000;font-size:50px}#credability .container .feature:hover{opacity:1;transform:scale(1.2)}.takeover-page .container{margin-left:auto;margin-right:auto}.takeover-page img{margin-left:auto;margin-right:auto;display:block;overflow:hidden}.takeover-page .initial-image{width:100%;height:var(--hero-h);background-image:url(/images/cool-loading.gif);background-position:top;background-repeat:no-repeat;background-size:cover;overflow:hidden}.takeover-page .initial-image.clip{object-fit:cover;object-position:center top;background:#000;display:block}.takeover-page .initial-image.video{height:var(--hero-h);margin-bottom:-10px}.takeover-page .container .full{background-color:#fff;width:100%;margin-left:auto;margin-right:auto;overflow:hidden}.takeover-page .container .big{background:#fff;width:75vw;margin-left:auto;margin-right:auto;padding-bottom:6.25vw;padding-left:12.5vw;padding-right:12.5vw;overflow:hidden}.takeover-page .container .full .right{float:right;background:#fff;width:44vw;padding:2.5vw;overflow:hidden}.takeover-page .container .left{width:45w;float:left;background:#fff;padding:2.5vw;overflow:hidden}.takeover-page .container .full .left{float:left;background:#fff;width:44vw;padding:2.5vw;overflow:hidden}.takeover-page .container img{width:100%;height:100%;box-shadow:2px 3px 20px 1px #0000004f}.takeover-page .container video{width:100%;height:auto;display:block;box-shadow:2px 3px 20px 1px #0000004f}.takeover-page .visit-page{margin-top:12.5vh;margin-bottom:12.5vh;overflow:hidden}.takeover-page .next-project{clear:both;cursor:pointer;background:#000;width:100%;height:50vh;min-height:320px;position:relative;overflow:hidden}.takeover-page .next-project .img{background-image:url(https://images.unsplash.com/photo-1437652633673-cc02b9c67a1b?ixlib=rb-0.3.5&q=99&fm=jpg&crop=entropy&cs=tinysrgb&w=2048&fit=max&s=cf09ca7aeb4b10f03039c08bd5841cfc);background-position:top;background-size:cover;transition:transform .6s,filter .6s;position:absolute;inset:0}.takeover-page .next-project .text{box-sizing:border-box;color:#fff;background:linear-gradient(#00000040 0%,#0009 60%,#000000e6 100%);flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(24px,4vw,56px);transition:background-color .5s;display:flex;position:absolute;inset:0}.takeover-page .next-project .label{letter-spacing:3px;text-transform:uppercase;color:#8fdcff;font-size:14px}.takeover-page .next-project h2{letter-spacing:1px;text-transform:uppercase;overflow-wrap:break-word;margin:8px 0 6px;font-size:clamp(28px,3.6vw,54px);line-height:1.1}.takeover-page .next-project .text p{color:#ffffffd9;overflow-wrap:break-word;text-wrap:balance;margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.5}.takeover-page .next-project .cta{letter-spacing:2px;text-transform:uppercase;border-bottom:1px solid #66ceff;margin-top:18px;padding-bottom:4px;font-size:14px;transition:transform .4s}.takeover-page .next-project:hover .img,.takeover-page .next-project:focus-visible .img{filter:none;transform:scale(1.05)}.takeover-page .next-project:hover .cta,.takeover-page .next-project:focus-visible .cta{transform:translate(6px)}.takeover-page .next-project:focus-visible{outline-offset:-3px;outline:3px solid #66ceff}.takeover-page .back-to-projects{clear:both;background:#111;padding:22px clamp(24px,4vw,56px)}.takeover-page .back-to-projects a{letter-spacing:2px;text-transform:uppercase;color:#fff;border-bottom:1px solid #0000;padding-bottom:4px;font-size:14px;text-decoration:none;transition:border-color .3s,color .3s;display:inline-block}.takeover-page .back-to-projects a:hover,.takeover-page .back-to-projects a:focus-visible{color:#8fdcff;border-bottom-color:#66ceff}@media (prefers-reduced-motion:reduce){.takeover-page .next-project .img,.takeover-page .next-project .cta{transition:none}.takeover-page .next-project:hover .img,.takeover-page .next-project:focus-visible .img,.takeover-page .next-project:hover .cta,.takeover-page .next-project:focus-visible .cta{transform:none}}body .cool-button{color:#fff;cursor:pointer;transition:background-color .28s,color .28s,box-shadow .28s;-o-transition:all .8s ease;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;background:#000;border:1px solid #000;padding:.9rem 3.6rem;font-size:1.1rem;text-decoration:none;transition:all .5s;display:block;overflow:hidden;box-shadow:0 2px 2px #00000024,0 3px 1px -2px #0003,0 1px 5px #0000001f}.takeover-page .cool-button{text-align:center;clear:both;width:10vw;margin:20px auto}.takeover-page .cool-button:hover{color:#000;background:#66ceff;border:none}body .cool-button:hover{transform:scale(1.05)}#trigger-contact-takeover{z-index:9999;background-color:#fff;border:none;padding:0;position:fixed;bottom:2vh;left:2vw}#trigger-contact-takeover.bottomofpage{padding:2.5rem 7.6rem;font-size:3.1rem;bottom:12vh;left:6vw}#trigger-contact-takeover.visable{text-transform:uppercase;background-color:#009fde;padding:.9rem 3.6rem;font-size:16px}#skills{background:#000}.section-heading{color:#fff;background:#0b0b0b;flex-wrap:wrap;align-items:baseline;gap:8px 18px;padding:clamp(36px,5vw,56px) clamp(20px,4vw,56px) 24px;font-family:century;display:flex}.section-heading h2{letter-spacing:2px;text-transform:uppercase;margin:0;font-size:clamp(24px,2.4vw,32px);font-weight:400}.section-heading span{letter-spacing:3px;text-transform:uppercase;color:#8fdcff;font-size:13px}#recent{background:#0b0b0b}.recent-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:0 clamp(20px,4vw,56px) 8px;display:grid}.featured-card{color:#fff;background:#161616;border-radius:14px;flex-direction:column;font-family:century;display:flex;overflow:hidden;box-shadow:0 10px 30px #0006}.featured-card .shot{aspect-ratio:16/10;background-position:top;background-size:cover;display:block;position:relative;overflow:hidden}.featured-card .shot video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.featured-card:hover .shot video,.featured-card .shot:focus-visible video{opacity:1}.featured-card .shot:focus-visible{outline-offset:-3px;outline:3px solid #66ceff}.featured-card .body{flex-direction:column;flex:1;padding:22px 24px 26px;display:flex}.featured-card .body p{letter-spacing:2px;text-transform:uppercase;color:#8fdcff;text-wrap:balance;margin:0 0 8px;font-size:13px;line-height:1.5}.featured-card h3{letter-spacing:1px;text-transform:uppercase;color:#fff;margin:0 0 20px;font-size:clamp(24px,2vw,30px);font-weight:400}.featured-card h3 a{color:inherit;text-decoration:none}.featured-card .actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.featured-card .button{letter-spacing:2px;text-transform:uppercase;border-radius:999px;padding:11px 16px;font-size:13px;text-decoration:none;transition:background-color .3s,border-color .3s}.featured-card .button.primary{color:#001623;background:#66ceff}.featured-card .button.primary:hover,.featured-card .button.primary:focus-visible{background:#fff}.featured-card .button.ghost{color:#fff;border:1px solid #444}.featured-card .button.ghost:hover,.featured-card .button.ghost:focus-visible{border-color:#66ceff}.live-badge{z-index:1;color:#04170b;letter-spacing:2px;text-transform:uppercase;background:#1db954;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-family:century;font-size:12px;display:inline-flex;position:absolute;top:14px;left:14px}.live-badge i{background:#04170b;border-radius:50%;width:7px;height:7px}#projects .project .img{transition:transform .6s,filter .6s}#projects .project .content{background:linear-gradient(#0000001a 30%,#0009 65%,#000000e6 100%);align-items:flex-end;display:flex;position:absolute;inset:0}#projects .project .content:before{content:"";background:#00000059;transition:opacity .5s;position:absolute;inset:0}#projects .project .textbox{box-sizing:border-box;text-align:left;width:100%;padding:clamp(20px,3vw,44px);font-family:century;position:relative}#projects .project .content p{letter-spacing:2px;text-transform:uppercase;color:#8fdcff;overflow-wrap:break-word;text-wrap:balance;margin:0 0 10px;font-size:clamp(13px,1vw,16px);line-height:1.5}#projects .project .content h1{letter-spacing:1px;text-transform:uppercase;color:#fff;overflow-wrap:break-word;text-shadow:0 2px 12px #00000080;margin:0;font-size:clamp(22px,2.2vw,34px);line-height:1.15}#projects .project .cta{letter-spacing:2px;text-transform:uppercase;color:#fff;opacity:0;border-bottom:1px solid #66ceff;margin-top:16px;padding-bottom:4px;font-size:14px;transition:opacity .4s,transform .4s;display:inline-block;transform:translateY(8px)}#projects .project:hover .img,#projects .project:focus-visible .img{filter:none;transform:scale(1.05)}#projects .project:hover .content:before,#projects .project:focus-visible .content:before{opacity:0}#projects .project:hover .cta,#projects .project:focus-visible .cta{opacity:1;transform:none}#projects .project:focus-visible{outline-offset:-3px;outline:3px solid #66ceff}@media (hover:none){#projects .project .cta{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){#projects .project .img,#projects .project .cta{transition:none}#projects .project:hover .img,#projects .project:focus-visible .img{transform:none}}@media only screen and (max-width:480px){body #welcome{background-image:unset;text-align:center;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr)}#welcome .content{grid-area:3/1;padding:3vh 5vw 6vh}#trigger-contact-takeover.bottomofpage{bottom:25vh}#welcome .content span{font-size:15px}#welcome .welcome-social-btns{gap:15px;padding:2vh 5vw 0}#welcome .welcome-social-btns a{font-size:30px}#welcome .image-block{aspect-ratio:auto;background-color:#eef3f6;background-position:63% 45%;background-size:160%;border-radius:50%;grid-area:2/1;justify-self:center;width:150px;height:150px}#welcome .content h1{margin-left:0;font-size:24px}#welcome .down{display:none}#projects .project{width:100%}#credability .container{padding-top:4vh;padding-bottom:14vh}#credability .container .feature{width:47%;min-height:200px}#credability .container .feature h4{font-size:12px}#credability .container .feature p{padding-left:5px;padding-right:5px;font-size:12px}#trigger-contact-takeover.visable{width:90vw;padding-top:18px;padding-bottom:18px;font-size:1.1rem;right:5vw}.takeover-page{--hero-h:45vh}#takeover .takeover-page .info{width:90vw}#takeover .takeover-page .info,#takeover .takeover-page .tech{font-size:16px}#takeover .takeover-page .tech{width:90vw}#takeover .takeover-page .cool-button{width:70vw;padding:25px;font-size:1.1rem}.takeover-page .container .full .left,.takeover-page .container .full .right{float:none;width:85vw;margin-left:auto;margin-right:auto;padding:7.5vw}.takeover-page .container .big{width:93vw;padding-left:3.5vw;padding-right:3.5vw}body #contact-takeover .form{width:90vw;margin-top:0;font-size:15px}#contact-takeover .form input.progressbar{width:90%}body #contact-takeover .form input{width:90%;font-size:10px}#contact-takeover .form .form-content{float:left}#contact-takeover .progressbar-container .progressbar{display:none}body #contact-takeover div.form-stage{text-align:left;width:100%;margin-top:6.5vh}#contact-takeover .form div{width:90vw}#contact-takeover .form input.submit:hover{transform:scale(1)}body #contact-takeover .form .buttons input.submit{width:45%;margin:20px auto 10px;display:inline-block}body #contact-takeover .form .buttons input.next{background:#66ceff}#projects .project .content{opacity:1}}@media only screen and (max-width:768px){body #welcome{min-height:0}#welcome .down{margin-top:2vh}#welcome .content{padding:0 5vw 4vh 0}.takeover-page{--hero-h:50vh}#welcome .image-block{aspect-ratio:1290/1144;height:auto}#projects .project .img{height:35vh}#contact-takeover .form{margin-top:16vh}#skills{display:none}#credability .container{padding-bottom:16vh}#contact-takeover div.form-stage{margin-top:-10vh;margin-bottom:0}#contact-takeover .form input{width:33vw}#contact-takeover .form input.submit{margin:3.6rem 1vw}#contact-takeover .Social-btns{font-size:40px}#takeover .takeover-page .tech{margin-bottom:12.5vw}}