@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500&display=swap);html{scroll-behavior:smooth}body{font-family:Source Sans Pro,sans-serif;margin:0}.App,body{background-color:#0a192f}.App{text-align:left}.App-header{color:#fff;font-family:Figtree,sans-serif;font-size:21px;min-height:100vh;padding-left:10%;padding-right:10%}#intro,.App-header{display:flex;flex-direction:column}#intro{align-items:flex-start;padding:15% 5% 10%}.intro-title{color:#ccd6f6;font-size:65px;font-weight:700}.intro-subtitle,.intro-title{font-family:Figtree,sans-serif}.intro-subtitle{color:#a8b2d1;font-size:30px;font-weight:100;padding-bottom:5%}.name{color:#7ef5bb}footer{padding-top:10%;text-align:center}#scroll-arrow{height:auto;margin-left:auto;margin-right:auto;padding-top:20%;width:30px}#profile-picture{border-radius:15%;height:auto;margin-left:10%;position:absolute;top:160px;width:20%}@media screen and (max-width:768px){#intro{padding-left:5%;padding-right:5%;padding-top:20%}.intro-title{align-self:auto;font-size:12vw;padding-bottom:8%}.intro-subtitle{font-size:4vw}#profile-picture{display:none}#scroll-arrow{width:6vw}}#about{align-items:flex-start;display:flex;flex-direction:column;padding:5%}.about-title{color:#8892b0;font-family:Figtree,sans-serif;font-size:40px;font-weight:500}.about-description{font-family:Figtree,sans-serif;font-size:20px;font-weight:100;padding-top:15px}@media screen and (max-width:768px){#about{padding-bottom:20%;padding-left:5%;padding-right:5%}.about-title{font-size:9vw}.about-description{font-size:4vw}}#projects{align-items:flex-start;display:flex;flex-direction:column;padding-left:5%;padding-right:5%;padding-top:2%}.projects-displaygrid{grid-column-gap:10px;grid-row-gap:15px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));padding-top:10px;row-gap:15px}.projects-title{color:#8892b0;font-family:Figtree,sans-serif;font-size:40px;font-weight:500}.projects-description{font-family:Figtree,sans-serif;font-size:20px;font-weight:100}@media only screen and (max-width:768px){.projects-title{font-size:8vw;padding-bottom:5%}.projects-description{font-size:4vw;padding-bottom:5%}.projects-displaygrid{grid-template-columns:minmax(300px,1fr)}}.card-container{background-color:#112240;border-radius:16px;cursor:default;display:flex;flex-direction:column;height:80%;padding:2rem 1.75rem;position:relative;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;will-change:transform}.card-container:hover{box-shadow:0 10px 10px rgba(0,0,0,.05);-webkit-transform:translateY(-5px);transform:translateY(-5px);transition:-webkit-transform 125ms;transition:transform 125ms;transition:transform 125ms,-webkit-transform 125ms}.card-title{color:#ccd6f6;font-size:25px;padding-right:50%}.card-description{font-size:18px;padding-right:10%;text-align:left}.card-description,.card-tech{color:#a8b2d1;padding-top:10%}.card-tech{font-size:15px}#github-icon{display:inline;height:auto;margin-left:75%;margin-right:10%;position:fixed;width:9%}#navbar{display:flex;justify-content:right}#navbar,a{flex-direction:row}a{align-items:flex-end;color:#e6f1ff;font-size:22px;font-weight:400;padding-top:10px;text-decoration:none}ul{display:flex;list-style-type:none}li{margin-right:40px}button{background-color:#7ef5bb;border:none;border-radius:30px;font-family:Figtree,sans-serif;font-size:20px;font-weight:500;height:50px;margin-bottom:10px;padding:0;transition:-webkit-transform .45s;transition:transform .45s;transition:transform .45s,-webkit-transform .45s;width:150px;will-change:transform}button:hover{box-shadow:0 15px 15px rgba(0,0,0,.1);cursor:pointer;-webkit-transform:translateY(-5px);transform:translateY(-5px);transition:-webkit-transform 125ms;transition:transform 125ms;transition:transform 125ms,-webkit-transform 125ms}@media screen and (max-width:768px){#navbar{display:none}}#contact{align-items:flex-start;display:flex;flex-direction:column;padding:5%}.contact-title{color:#8892b0;font-family:Figtree,sans-serif;font-size:40px;font-weight:500}.contact-description{font-family:Figtree,sans-serif;font-size:20px;font-weight:100;padding-top:30px}.contact-links{margin-top:5%}.contact-icon{height:auto;padding-right:5%;width:7%}@media screen and (max-width:768px){#contact{padding-left:5%;padding-right:5%;padding-top:20%}.contact-title{font-size:9vw}.contact-description{font-size:4vw;padding-bottom:5%}}
/*# sourceMappingURL=main.f82b47c0.css.map*/