@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap);.header{align-items:center;background-color:var(--mainBackground);color:#fff;display:flex;justify-content:space-between;left:0;padding:1.5rem;position:fixed!important;right:0;top:0;z-index:100}.header__textDecoration{text-decoration:none}.header__logo{color:#ececec;cursor:pointer;font-size:40px;text-shadow:0 0 25px hsla(0,0%,100%,.178)}.header__menu{align-items:center;display:flex;font-size:18px;justify-content:space-around;list-style:none}.header__link>*{color:var(--text);font-size:20px;margin:0 .6rem}.header__linkText:hover{color:#fff;text-shadow:0 0 25px hsla(0,0%,100%,.288)}.header__mobile__item:hover{background-color:#333}@media only screen and (max-width:768px){.header__logo{font-size:32px}}@media only screen and (max-width:415px){.header__logo{font-size:28px}}.popup__link{color:#fff}.popup__link:hover{border-bottom:2px solid #f5f5f5;cursor:pointer}.intro__container{background-color:var(--portfolioIntroBackground);display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0 auto;padding:1rem;width:80%}.intro__titleContainer{font-size:42px}.intro__title{color:#fff}.intro__titleFaded{color:#b7b9b9}@media screen and (max-width:968px){.intro__titleContainer{font-size:35px}.main__title{font-size:28px}.grid__title{font-size:20px}}@media screen and (max-width:768px){.intro__titleContainer{font-size:30px}}@media screen and (max-width:420px){.intro__titleContainer{font-size:24px}}.portfolio__anchor{display:block;position:relative;top:-55px;visibility:hidden}.portfolio__container{display:flex;flex-direction:column;margin:0 auto 15rem;text-align:center;width:80%}.portfolio__container>*{margin:1.5rem 0}.portfolio__main__title{color:hsla(0,0%,96%,.856);font-size:32px}.portfolio__grid__title{background-color:#21252c;border-radius:10px 10px 0 0;color:hsla(0,0%,96%,.719);cursor:default;font-size:23px;letter-spacing:1px;padding:.5rem}.portfolio__grid__imageContainer{height:100%;position:relative}.portfolio__grid__image{border-radius:0 0 10px 10px;display:block;height:100%;width:100%}.portfolio__grid__image:hover{background-color:#4065a7}.portfolio__grid__item{display:flex;flex-direction:column;height:100%}.portfolio__grid__item:hover .portfolio__grid__overlay{background-color:#21252cbb;display:block}.portfolio__grid__overlay{background-color:initial;border-radius:0 0 10px 10px;cursor:default;display:none;height:100%;left:0;padding:.5rem;position:absolute;top:0;width:100%;z-index:3}.portfolio__grid__overlay__items{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem 0}.portfolio__grid__text{color:#f5f5f5;text-align:left}.portfolio__grid__github{color:#e9e9e9}.portfolio__grid__github:hover{color:#6b7280}@media screen and (max-width:968px){.portfolio_intro_titleContainer{font-size:35px}.portfolio__main__title{font-size:28px}.portfolio__grid__title{font-size:20px}}@media screen and (max-width:568px){.portfolio__main__title{font-size:22px}.portfolio__grid__title{font-size:16px}}.bi-github:hover{color:#959ca7}.bi-resume:hover{color:#6577e0}.bi-linkedin:hover{color:#4183c4}.contact__container{margin-bottom:5rem;text-align:center}.contact__formContainer{background-color:"#e9e9e9";margin:0 auto;max-width:50%;padding:1.5rem}.contact__title{border-bottom:2px solid grey;border-radius:1px;font-size:32px;margin:0 auto .5rem;width:200px}.contact__btn__container{display:flex;justify-content:center;text-decoration:none}@media only screen and (max-width:1168px){.contact__formContainer{max-width:65%}}@media only screen and (max-width:1068px){.contact__formContainer{max-width:80%}}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}:focus{outline:none}:root{--mainBackground:#0f1217;--mainChildrenBackground:#0e1a36;--text:#fcfcfcbb;--btn:#4978e7}*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#0f1217;font-family:Roboto;overflow-y:auto}.sections{scroll-behavior:smooth;scroll-snap-type:y mandatory}.section__title{color:hsla(0,0%,96%,.856);font-size:32px;margin:1.5rem 0}@media screen and (max-width:968px){.section__title{font-size:28px}}@media screen and (max-width:568px){.section__title{font-size:22px}}
/*# sourceMappingURL=main.34d87105.css.map*/