@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@300;400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,300&family=Work+Sans:wght@200;300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Amita&display=swap");@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@100;300&family=Great+Vibes&display=swap");@import url("https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@100&family=Great+Vibes&display=swap");@import url("https://fonts.googleapis.com/css2?family=Alegreya&display=swap");@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700");@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&family=Sacramento&family=Tangerine:wght@700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Alegreya+SC&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200;400;500;700&display=swap");:root{--text:rgb(255,255,255);--background:rgb(21,20,20);--primary:rgb(217,164,161);--secondary:rgb(17,8,10);--accent:rgb(28,203,212)}html{font-size:10px;margin:0}body{color:white;margin:0}.navbar,body{background-color:var(--background)}.navbar{width:100vw;position:fixed;display:flex;justify-content:space-between;top:0;z-index:1000;font-size:3rem;font-family:Tangerine,cursive;font-weight:700}.navbar a:hover{color:white}.nav-btn{color:var(--primary);cursor:pointer;font-size:2rem;font-weight:300;font-family:Alegreya Sans SC,sans-serif;transition:color .25s ease}.nav-btn:hover{color:white}img{z-index:9999;height:100%;width:100%}@keyframes lights{0%{color:rgb(17,8,10,80%);text-shadow:0 0 1em hsla(320,100%,50%,.5),0 0 .125em hsla(320,100%,60%,.5),-1em -.125em .5em hsla(40,100%,60%,.5),1em .125em .5em hsla(174,100%,60%,.7)}30%{color:rgb(17,8,10,90%);text-shadow:0 0 1em hsla(320,100%,50%,75),0 0 .125em hsla(284,100%,41%,.7),-.5em -.125em .25em hsla(40,100%,60%,.7),.5em .125em .25em hsla(176,100%,60%,.8)}40%{color:rgb(17,8,10,95%);text-shadow:0 0 1em hsla(320,100%,50%,.7),0 0 .125em hsla(320,100%,90%,.8),-.25em -.125em .125em hsla(40,100%,60%,.7),.25em .125em .125em hsla(172,100%,60%,.8)}70%{color:rgb(17,8,10,90%);text-shadow:0 0 1em hsla(320,100%,50%,.8),0 0 .125em hsla(320,100%,60%,.5),.5em -.125em .25em hsla(40,100%,60%,.7),-.5em .125em .25em hsla(167,100%,60%,.8)}to{color:rgb(17,8,10,80%);text-shadow:0 0 1em hsla(320,100%,50%,.5),0 0 .125em hsla(320,100%,60%,.5),1em -.125em .5em hsla(40,100%,60%,.7),-1em .125em .5em hsla(169,100%,60%,.8)}}.main-heading{display:inline;letter-spacing:2px;position:absolute;top:55%;left:55%;transform:translate(-50%,-50%);width:90%;text-align:left;color:var(--secondary);font-size:.5rem;font-family:Great Vibes,cursive}.main-heading-title{font-size:clamp(3rem,9vw,10rem);color:black;font-family:Great Vibes,cursive;animation:lights 3s linear .75s infinite;white-space:normal;overflow-wrap:break-word}.main-div{display:flex;position:relative;width:100vw;height:100vh;margin-bottom:10rem}.div-1{flex:2;background-color:var(--primary)}.div-2{flex:1;background-color:var(--secondary)}h1{font-size:3.2rem;font-family:Alegreya Sans SC,sans-serif;font-weight:700;width:70%;margin-left:2rem}.img-div{z-index:1;height:60%;position:absolute;top:50%;left:67%;transform:translate(-50%,-50%);border:10px solid rgb(28,203,212,.4);outline-offset:20px;margin:1rem}.logo{height:6rem;padding:.6rem;width:5rem}.navbar-right{display:flex;margin-right:3rem;justify-content:space-around;gap:4rem;align-items:center}.navbar-left,.skills{display:flex}.skills{flex-direction:column;justify-content:center;align-items:center}.line{height:1px;border:1px solid black;background-color:black;width:100%}.images{display:flex;flex-direction:column;align-items:center;gap:5rem;background-color:#fcfcfd}.skills img{height:10vh}.section{display:flex;justify-content:center;align-items:center;height:80vh;color:white;font-family:Bricolage Grotesque,sans-serif;font-size:2rem;word-spacing:2px}svg{letter-spacing:.4rem;font-family:Alegreya SC,serif;font-weight:700;font-size:13rem}svg text{text-transform:uppercase;animation:stroke 4s alternate;stroke-width:2;stroke:var(--primary);color:white}@keyframes stroke{0%{fill:rgba(217,164,161,0);stroke:rgba(217,164,161,1);stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:2}70%{fill:rgba(217,164,161,0);stroke:rgba(217,164,161,1)}80%{fill:rgba(217,164,161,0);stroke:rgba(217,164,161,1);stroke-width:3}to{fill:rgba(217,164,161,1);stroke:rgba(54,95,160,0);stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}p{text-shadow:0 0 7px rgba(255,255,255,.3),0 0 3px rgba(255,255,255,.3)}.first div{background-color:#20a7d8}.second div{background-color:#cd921e}a{box-shadow:inset 0 0 0 0 var(--accent);color:var(--accent);margin:0 -.25rem;padding:0 .25rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}a:hover{box-shadow:inset 500px 0 0 0 var(--primary);color:white}button{overflow:visible}button,select{text-transform:none}button,input,select,textarea{color:#5a5a5a;font:inherit;margin:0}input{line-height:normal}textarea{overflow:auto}input:focus::placeholder{color:transparent}.subject:focus{color:transparent}form{margin:50px 0;color:white}h2{font-size:4rem;letter-spacing:7px;text-align:center;text-transform:capitalize;margin:1rem}.icon{display:block;fill:white;height:50px;margin:0 auto;width:50px}.email{float:right;width:45%}[type=email],input[type=text],select,textarea{background:none;border:none;border-bottom:2px solid #474544;color:white;font-size:1.2rem;font-weight:400;letter-spacing:1px;margin:0 0 1.875em;padding:0 0 .875em;text-transform:uppercase;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}[type=email]:focus,input[type=text]:focus,textarea:focus{outline:none;padding:0 0 .875em}.message{float:none;color:white}.name{color:white;float:left;width:45%}select{background:url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-arrow-down-32.png) no-repeat 100%;outline:none;-moz-appearance:none;-webkit-appearance:none;color:white}select::-ms-expand{display:none}.submit{display:flex;gap:8rem}.subject,textarea{width:100%;color:white}textarea{line-height:150%;height:150px;resize:none}::-webkit-input-placeholder{color:white}:-moz-placeholder,::-moz-placeholder{color:white;opacity:1}:-ms-input-placeholder{color:white}.contact-form{height:70vh;width:70%;display:flex;justify-content:center;align-items:center;position:relative;margin:10rem auto auto}.links{display:flex;flex-direction:column;font-size:2.7rem;font-family:Alegreya Sans SC,monospace;margin-right:7rem;gap:2rem}.link a{box-shadow:inset 0 0 0 0 #54b3d6;color:#54b3d6;margin:0 -.25rem;padding:0 .25rem;width:fit-content;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.link a:hover{box-shadow:inset 200px 0 0 0 #54b3d6;color:white}.image{width:1000px;height:600px;border-radius:10px}.card{position:relative;width:20%;height:80%;border-radius:8px;overflow:hidden;box-shadow:0 0 12px rgba(28,203,212,.4)}p{font-size:.95rem;text-align:center}span{position:absolute;border-radius:100vmax}.top{top:0;left:0;width:0;height:5px;background:linear-gradient(90deg,transparent 50%,rgba(255,49,49,.5),rgb(255,49,49))}.right{top:0;right:0;background:linear-gradient(180deg,transparent 30%,rgba(0,255,255,.5),rgb(0,255,255))}.left,.right{width:5px;height:0}.left{left:0;bottom:0;background:linear-gradient(180deg,rgb(255,255,113),rgba(255,255,113,.5),transparent 70%)}.top{animation:animateTop 3s ease-in-out infinite}.right{animation:animateRight 3s ease-in-out infinite}.left{animation:animateLeft 3s ease-in-out infinite}@keyframes animateTop{25%{width:100%;opacity:1}30%,to{opacity:0}}@keyframes animateRight{0%,25%{opacity:0;height:0}50%{opacity:1;height:100%}55%,to{height:100%;opacity:0}}@keyframes animateLeft{0%,75%{opacity:0;bottom:0;height:0}to{opacity:1;height:100%}}h2{color:white;transform:translateY(-400px);animation:slideIn 1.2s ease-in-out 1s forwards;z-index:10;opacity:0;position:relative;font-family:Alegreya Sans SC}h3:before{content:"";width:0;height:76px;background-color:var(--primary);position:absolute;bottom:-10px;animation:underline 1s ease-in-out 2s forwards;mix-blend-mode:screen}@keyframes underline{to{width:100%}}@keyframes slideIn{to{transform:translateY(0);opacity:1}}.icons{justify-content:center;align-items:center}.icons,.tech{display:flex;gap:2rem}.tech{justify-content:left;flex-wrap:wrap;margin-bottom:2rem}.icon-font{display:none}.navbar{z-index:999999}.navbar:hover{color:white}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/f639721981034f88-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9766a7e9e2e0ad5a-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b66cf8e69499582a-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/aa016aab0e6d1295-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/22a5144ee8d83bca-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_8eaea4{font-family:Geist,Geist Fallback;font-style:normal}.__variable_8eaea4{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/013b72fa676f92e0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b9408752a0c24fb9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/65f03d54ccadf4a8-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e038a29029a234f2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2b5b02fc7e511755-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7d4881bb7e1bf84d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_8c25df{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_8c25df{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}body,html{margin:0;padding:0;overflow-x:hidden;width:100vw}@media only screen and (max-width:600px){html{font-size:12px}.navbar{font-size:2rem;padding:10px;align-items:center}.navbar-right.active{height:100vh}.navbar-right{display:none;flex-direction:column;position:absolute;justify-content:space-evenly;top:100%;right:0;background-color:var(--background);width:100vw;margin:0;text-align:center;padding:1rem;z-index:99999999}.navbar-right a{display:block;padding:1rem 0;font-size:1.8rem}.navbar-right.active{display:flex}.main-div{height:90vh}h1{font-size:2rem}.img-div{height:40%}.main-heading-title{font-size:3.5rem;margin:1rem}.card{display:none}h2{font-size:3rem}#tech{display:none}.tech{flex-wrap:wrap;align-items:center;justify-content:center}.navbar{padding:1rem}.icon-font{display:block;margin-right:2rem}.contact-form{width:70vw;height:100vh}}cursor{z-index:9999999999999}@media screen and (max-width:480px){input[type=email],input[type=text],select,textarea{font-size:1rem}.main-heading-title{font-size:4rem}.main-div{height:80vh}h1{font-size:1.3rem}h2{font-size:2.5rem}svg text{font-size:10rem}.logo{width:4rem}.navbar{height:5vh;z-index:99999999}.main-heading-title{max-width:50vw}.img-div{height:30%}.contact-form{height:60vh;width:80vw}h2{font-size:2rem}.submit{gap:5rem}}@media screen and (max-width:420px){h1{font-size:18px}.submit{flex-direction:column}.contact-form{height:70vh;width:90vw;margin:auto}h2{font-size:2.4rem}.icon{height:35px;width:35px}.navbar-right.active{height:70vh}.navbar-right{display:none;height:100vh;flex-direction:column;position:absolute;justify-content:space-evenly;top:100%;right:0;background-color:var(--background);width:100vw;margin:0;text-align:center;padding:1rem;z-index:99999999}input[type=email],input[type=text],select,textarea{font-size:1rem}}@media screen and (min-width:320px) and (max-width:481px){h2{font-size:3rem}.img-div{height:30%}.contact-form{height:70vh;font-size:1rem;padding:1rem}h2{font-size:2.5rem}input[type=email],input[type=text],select,textarea{font-size:.9rem}}@media only screen and (min-width:768px) and (max-width:899px){.main-heading-title{max-width:50vw;font-size:5rem}.main-div{height:80vh}h1{font-size:2.3rem}.img-div{height:40%}.card{display:none}h2{font-size:2.5rem}.contact-form{height:50vh;width:80vw}.tech{flex-wrap:none}}@media only screen and (min-width:900px) and (max-width:1023px){.main-heading-title{max-width:50vw;font-size:7rem}h1{font-size:2.3rem}.img-div{height:50%}.contact-form{height:100vh;width:80vw}h2{font-size:2.7rem}}@media only screen and (min-width:1024px) and (max-width:1280px){.main-heading-title{max-width:50vw;font-size:7rem}.img-div{height:40%}h1{font-size:2.7rem}h2{font-size:3rem}.contact-form{height:50vh;width:80vw}.main-div{height:100vh}}@media only screen and (min-width:1910px){.main-heading-title{font-size:16rem}}@media only screen and (min-width:769px){.main-heading{left:5vw;width:46vw;transform:translateY(-50%)}.main-heading-title{font-size:5.8vw;white-space:nowrap;max-width:none;margin:0}h1{font-size:clamp(1.3rem,2.2vw,3.2rem);width:100%;margin:.5rem 0 0 .5rem}}@media only screen and (max-width:768px){.main-div{flex-direction:column;height:auto;margin-bottom:4rem}.div-1{flex:none;padding:10rem 6vw 8rem}.div-2{display:none}.main-heading{position:static;transform:none;width:100%}.main-heading-title{margin:0}h1{width:100%;margin:1rem 0 0}.img-div{position:relative;top:auto;left:auto;transform:none;width:55%;height:auto;margin:-6rem auto 0 12vw}.img-div img{height:auto;aspect-ratio:3/4;object-fit:cover}}@media only screen and (max-width:600px){.img-div{display:none}}