@import url(https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Hanson Bold;src:url(/portfolio/static/media/Hanson-Bold.5e31ec7db740009566c8.otf)}@font-face{font-family:Gilroy Extra Bold;src:url(/portfolio/static/media/Gilroy-ExtraBold.0094146a0505298ed06a.otf)}@font-face{font-family:Satoshi Medium;src:url(/portfolio/static/media/Satoshi-Medium.e9d34f0493a853cf10c1.otf)}@font-face{font-family:Cabinet Grotesk;src:url(/portfolio/static/media/CabinetGrotesk-Medium.b8b578586abc9d55dcda.otf)}@font-face{font-family:Open Sauce Sans;src:url(/portfolio/static/media/OpenSauceSans-ExtraBold.aa3f5099a28901d706c2.ttf)}@font-face{font-family:Open Sauce Sans Regular;src:url(/portfolio/static/media/OpenSauceSans-Regular.8328c8e5b6675425322a.ttf)}@font-face{font-family:Type Machine;src:url(/portfolio/static/media/Type%20Machine.6326e0da1f05f14b5262.ttf)}.App{background:linear-gradient(90deg,#13142e,#04091e);min-height:100vh;width:100vw}*{box-sizing:border-box;color:hsla(0,0%,100%,.9);margin:0;padding:0}@media screen and (min-width:768px){:root{--h1:4.5vw;--h2:3vw;--h3:2.5vw;--p:1.5vw}h1{font-size:4.5vw}h2{font-size:3vw}header{position:fixed;z-index:10}header h2{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Clash Display;font-size:var(--h2)}nav ul{display:flex;justify-content:space-between;width:100%}nav ul a{font-family:Clash Display;font-size:var(--p);font-weight:500}.active-link{font-weight:600}.header nav div a:hover{text-decoration:none}.header nav a:active{background:linear-gradient(92.88deg,#455eb5 9.16%,#5643cc 43.89%,#673fd7 64.72%) text}.index{align-items:center;height:100vh;justify-content:space-around;padding-top:15vh;width:100%}.index-text{align-items:flex-start;flex-direction:column;justify-content:center;padding:0 5vw;width:60%}.index-text section:first-child{flex-direction:column;height:40%;justify-content:space-around;margin-bottom:5vh}.index-text h3{font-family:Type Machine;font-size:var(--h3)}.index-text h1{font-family:Clash Display;font-size:var(--h1)}.index-text h2{font-family:Hanson Bold;font-size:var(--h2);letter-spacing:2px}.index-text button{font-size:var(--p);font-weight:500;padding:1vh 2vw}.index-img{margin-right:5vw;width:30%}.about-me{align-items:center;background:linear-gradient(to right bottom,#13142e,#04091e);flex-direction:column;height:100vh;justify-content:center;padding:5vh 5vw;width:100%}.about-me div{font-size:3.2vw;height:70%;justify-content:space-between;margin-bottom:2vh;text-align:center}.about-me div,.skills{flex-direction:column;font-family:Open Sauce Sans}.skills{background:linear-gradient(to right bottom,#13142e,#04091e);height:100vh;justify-content:space-around;padding:5vh 5vw 0;width:100%}.skills h1{display:inline;font-family:Open Sauce Sans;font-size:var(--h1);margin-bottom:2vh}.skills-content{align-items:center;height:80%;justify-content:space-between}.skills-icons{flex-direction:column;height:100%;justify-content:space-between;width:60%}.skills-icons h2{font-family:Inter;font-size:var(--h2);height:20%}.skills-icons section{flex-direction:column;height:30%;justify-content:space-between}.icons-list{height:60%;width:100%}.icon{align-items:center;flex-direction:column;height:100%;justify-content:space-between;margin-right:3vw;text-align:center;width:-webkit-max-content;width:max-content}.icon p{font-family:Open Sauce Sans;font-size:1vw}.icon img,.skills-img{height:60%}.projects{flex-direction:column;min-height:100vh;padding:5vh 5vw;width:100%}.projects h1{display:inline;font-family:Open Sauce Sans;font-size:var(--h1)}.project-card,.projects>div{margin-bottom:5vh}.project-card{align-items:center;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.07));border-radius:15px;height:50vh;justify-content:space-between;padding:5vw;width:100%}.project-card img{width:40%}.project-card-text{flex-direction:column;height:100%;justify-content:space-around;width:50%}.project-card-text h2{font-family:Open Sauce Sans;font-size:var(--h3);margin-bottom:1vh}.project-card-text h3{display:inline;font-family:Open Sauce Sans Regular;font-size:var(--p);font-weight:400;margin-bottom:1vh;max-height:50%;overflow:scroll}.project-card-links{align-items:center;width:30%}.project-card-links a{margin:0;width:30%}.project-card-links img{width:80%}.more-projects{background:linear-gradient(92.88deg,#455eb5 9.16%,#5643cc 43.89%,#673fd7 64.72%);border-radius:15px;flex-direction:column;height:20vh;justify-content:space-around;margin:0 auto;padding:5vh 5vw;width:100%}.more-projects h2{font-family:Inter;font-size:var(--h2);width:50%}.more-projects button{background-color:hsla(0,0%,100%,.2);border-radius:5px;cursor:pointer;font-size:var(--p);font-weight:400;margin-left:auto;padding:1vh 1.5vw;width:-webkit-max-content;width:max-content}.more-projects a:hover{text-decoration:none}.connect{flex-direction:column;height:100vh;justify-content:space-around;padding:5vh 5vw;width:100%}.connect h1{display:inline;font-family:Open Sauce Sans;font-size:var(--h1)}.connect-content{align-items:center;height:70%;justify-content:space-between;width:100%}.connect-card{background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.07));border-radius:15px;flex-direction:column;height:60%;justify-content:space-around;padding:2vh 2vw;width:45%}.connect-card h3{display:inline;font-family:Open Sauce Sans;font-size:var(--h3)}.connect-card a{background:linear-gradient(92.88deg,#455eb5 9.16%,#5643cc 43.89%,#673fd7 64.72%);border-radius:25px;display:inline-block;font-size:var(--p);font-weight:500;padding:1vh 2vw;text-align:center;width:35%}.connect-card a:hover{background:#373737;text-decoration:none}.connect-social{align-items:center;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.07));border-radius:15px;height:10vh;justify-content:center;margin:0 auto;padding:2vh 2vw;width:50%}.connect-social p{font-family:Open Sauce Sans;font-size:var(--p);margin-right:2vw}.social-media{align-items:center;height:80%;width:40%}.social-media a{height:80%;margin-right:1vw}.social-media a img{height:100%}.footer{align-items:center;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.07));height:7vh;justify-content:center;width:100%}.footer img{display:inline-block;height:1.2vw;width:1.2vw}.footer p{display:inline-block;font-family:Hanson Bold;font-size:1vw}.projects-page{flex-direction:column;justify-content:space-between;min-height:100vh;padding:10vh 5vw;width:100vw}.projects-page h1{display:inline;font-family:Open Sauce Sans;font-size:var(--h1)}.projects-list{flex-direction:column}}@media screen and (max-width:767px){:root{--h1:6vw;--h2:4vw;--h3:3.5vw;--p:2vw}h1{font-size:4.5vw}h2{font-size:3vw}header{align-items:center;height:12vh;justify-content:space-between;padding:2vh 5vw;position:fixed;width:100%;z-index:10}header h2{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Clash Display;font-size:var(--h2)}header img{height:50%}.index{align-items:center;height:100vh;justify-content:space-around;padding-top:15vh}.index,.index-text{flex-direction:column;width:100%}.index-text{align-items:flex-start;height:100%;justify-content:center;padding:0 5vw}.index-text section:first-child{flex-direction:column;height:60%;justify-content:space-around;margin-bottom:5vh}.index-text h3{font-family:Type Machine;font-size:8vw}.index-text h1{font-family:Clash Display;font-size:12vw}.index-text h2{font-family:Hanson Bold;font:10vw}.index-text button{font-size:3vw;font-weight:500;height:75%;padding:2vh 3vw;width:100%}.index-img{margin-right:5vw;width:30%}.about-me{align-items:center;background:linear-gradient(to right bottom,#13142e,#04091e);flex-direction:column;height:100vh;justify-content:center;padding:5vh 5vw;width:100%}.about-me div{font-size:6vw;height:70%;justify-content:space-between;margin-bottom:2vh;text-align:center}.about-me div,.skills{flex-direction:column;font-family:Open Sauce Sans}.skills{background:linear-gradient(to right bottom,#13142e,#04091e);height:100vh;justify-content:space-around;padding:5vh 5vw 0;width:100%}.skills h1{display:inline;font-family:Open Sauce Sans;font-size:var(--h1);margin-bottom:2vh}.skills-content{align-items:center;height:80%;justify-content:space-between}.skills-icons{flex-direction:column;height:100%;justify-content:space-between;width:100%}.skills-icons h2{font-family:Inter;font-size:8vw;height:20%}.skills-icons section{flex-direction:column;flex-wrap:wrap;height:30%;justify-content:space-between}.icons-list{height:60%;width:100%}.icon{align-items:center;flex-direction:column;height:100%;justify-content:space-between;margin-right:3vw;text-align:center;width:-webkit-max-content;width:max-content}.icon p{font-family:Open Sauce Sans;font-size:2.5vw}.icon img{height:50%}.skills-img{height:60%}.projects{flex-direction:column;min-height:100vh;padding:5vh 5vw;width:100%}.projects h1{display:inline;font-family:Open Sauce Sans;font-size:10vw}.project-card,.projects>div{margin-bottom:5vh}.project-card{align-items:center;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.07));border-radius:15px;flex-direction:column;height:75vh;justify-content:space-between;padding:5vh 5vw;width:100%}.project-card img{width:100%}.project-card-text{flex-direction:column;height:100%;justify-content:space-around;width:100%}.project-card-text h2{font-family:Open Sauce Sans;font-size:7vw;margin-bottom:1vh}.project-card-text h3{display:inline;font-family:Open Sauce Sans Regular;font-size:3vw;font-weight:400;margin-bottom:1vh;max-height:50%;overflow:scroll}.project-card-links{align-items:center;justify-content:space-around;width:25%}.project-card-links a{height:80%;margin:0}.project-card-links img{height:100%}.more-projects{align-items:center;background:linear-gradient(92.88deg,#455eb5 9.16%,#5643cc 43.89%,#673fd7 64.72%);border-radius:15px;height:10vh;justify-content:space-between;margin:0 auto;padding:5vh 5vw;width:100%}.more-projects h2{font-family:Inter;font-size:var(--h2);width:70%}.more-projects button{background-color:hsla(0,0%,100%,.2);border-radius:5px;cursor:pointer;font-size:1.5vw;font-weight:400;padding:1vh 1vw;width:-webkit-max-content;width:max-content}.more-projects a:hover{text-decoration:none}.connect{flex-direction:column;height:100vh;justify-content:space-around;padding:5vh 5vw;width:100%}.connect h1{display:inline;font-family:Open Sauce Sans;font-size:10vw}.connect-content{align-items:center;height:70%;justify-content:space-between}.connect-card,.connect-content{flex-direction:column;width:100%}.connect-card{background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.07));border-radius:15px;height:60%;justify-content:space-around;margin-bottom:2vh;padding:2vh 2vw}.connect-card h3{display:inline;font-family:Open Sauce Sans;font-size:6vw}.connect-card a{background:linear-gradient(92.88deg,#455eb5 9.16%,#5643cc 43.89%,#673fd7 64.72%);border-radius:25px;display:inline-block;font-size:var(--p);font-weight:500;padding:1vh 2vw;text-align:center;width:35%}.connect-card a:hover{background:#373737;text-decoration:none}.connect-social{align-items:center;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.07));border-radius:15px;height:8vh;justify-content:center;margin:0 auto;padding:2vh 2vw;width:100%}.connect-social p{font-family:Open Sauce Sans;font-size:3vw;margin-right:2vw}.social-media{align-items:center;height:80%;justify-content:space-around;width:30%}.social-media a{height:80%;margin-right:1vw}.social-media a img{height:100%}.footer{align-items:center;background:linear-gradient(hsla(0,0%,100%,.1),hsla(0,0%,100%,.07));height:7vh;justify-content:center;width:100%}.footer img{display:inline-block;height:1.2vw;width:1.2vw}.footer p{display:inline-block;font-family:Hanson Bold;font-size:2vw}.projects-page{flex-direction:column;justify-content:space-between;min-height:100vh;padding:10vh 5vw;width:100vw}.projects-page h1{display:inline;font-family:Open Sauce Sans;font-size:var(--h1)}.projects-list{flex-direction:column}}
/*# sourceMappingURL=main.5c721904.css.map*/