*{margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth;transition:all .5s ease-in-out}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{background:transparent;width:15px}body::-webkit-scrollbar-track{background:#2e4057}body::-webkit-scrollbar-thumb{background:#f18f01;width:13px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.header{width:100%;padding:15px 10%;display:flex;justify-content:space-between;box-sizing:border-box;font-size:1.8rem;font-weight:600;margin:auto;background-color:#2e4057;border-bottom:3px solid #048ba8;position:fixed;top:0!important;z-index:100}.header *{transition:all .16s linear}.header>.header__btn{display:none}.header>.header__nav{display:grid;flex:0.5 1}.header>.header__nav>.header__navList{display:flex;list-style:none;align-items:center;justify-content:space-around}.header>.header__nav>.header__navList>.header__navListItem>a{color:#00d0ff;text-decoration:none}.header>.header__nav>.header__navList>.header__navListItem>a:visited{text-decoration:none;color:#00d0ff}.header>.header__nav>.header__navList>.header__navListItem>a:hover{color:#f18f01}.header>.header__contact{display:grid;grid-template-columns:1fr 1fr;position:relative;z-index:100;grid-gap:30px;gap:30px}.header>.header__contact>a{color:#f18f01;font-size:2.8rem}.header>.header__contact>a:hover{color:#048ba8}.header>.header__contact>a:visited{text-decoration:none;color:#e38f0c}@media screen and (max-width:960px){.header>.header__nav{flex:0.7 1}}@media screen and (max-width:660px){@-webkit-keyframes nav-open{0%{height:0}to{height:246px}}@keyframes nav-open{0%{height:0}to{height:246px}}@-webkit-keyframes nav-close{0%{height:246px}to{height:0}}@keyframes nav-close{0%{height:246px}to{height:0}}.header>.header__btn{display:block;color:#048ba8;font-size:2.5rem}.header>.header__nav{transition:all .3s linear;box-sizing:border-box;position:absolute;width:100vw;height:0;top:75px;left:0;background-color:#2e4057;overflow:hidden}.header>.header__nav>.header__navList{flex-direction:column;align-items:flex-end;margin-right:30px}.header>.header__nav>.header__navList>.header__navListItem{padding:8px 0;text-align:start}.header>.header__nav>.header__navList>.header__navListItem>a{text-transform:uppercase;font-size:2.5rem;font-weight:300}.header>.header__nav.opening{-webkit-animation:nav-open .3s;animation:nav-open .3s;height:unset;padding:15px}.header>.header__nav.closing{-webkit-animation:nav-close .3s;animation:nav-close .3s;height:0;padding:0}}.app>.app__about{background-color:rgba(0,0,0,.1);padding:80px 10%}.app>.app__about>.app__aboutTitle{width:-webkit-fit-content;width:fit-content;margin:auto auto 40px;font-size:3.5rem;text-transform:uppercase;font-weight:900;color:#b96f00;text-decoration:overline}.app>.app__about>.app__aboutBody{display:flex;align-items:center;justify-content:space-between}.app>.app__about>.app__aboutBody>.app__aboutBodyBio{width:50%;font-size:1.65rem;font-weight:300;line-height:2.3rem}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__title{font-size:2.7rem;margin-bottom:10px;color:#01214e;font-weight:800}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__description{margin-bottom:10px}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__description a{color:#b46d03;font-weight:400}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__resume{margin:20px auto 0;text-align:center;font-size:1.7rem;color:#011735;font-weight:400;font-style:italic;text-decoration:underline}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__resume:visited{color:#011735}.app__aboutBodyImage{max-width:350px;width:80%;aspect-ratio:1/1;display:grid;flex-direction:column;overflow:hidden;border-radius:50%}.app__aboutBodyImage>img{width:100%;height:100%;object-fit:contain;border-radius:50%}.app__aboutFooter{display:flex;flex-direction:column;align-items:center;margin-top:50px}.app__aboutFooter>h3{font-size:2.5rem;font-weight:800;color:#01214e;margin-bottom:10px}.app__aboutFooter>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;grid-gap:30px;gap:30px}.app__aboutFooter>div>div{text-align:center}.app__aboutFooter>div span{font-size:1.7rem;font-weight:600;color:#048ba8}.app__aboutFooter i{font-size:5rem!important}.fa-js-square{color:#f7df1e}.fa-html5{color:#e34f26}.fa-css3-alt{color:#264de4}.app>.app__hero{width:100%;height:100vh;display:grid;padding-top:10vh;place-items:center;background-color:#011735;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Ccircle fill='%23011735' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23032540' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%230e3249' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%231d4052' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%232d4e5a' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%233f5c63' cx='400' cy='400' r='100'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}.app>.app__hero>.app__heroIntro{width:-webkit-fit-content;width:fit-content;color:#fff;text-align:center}.app>.app__hero>.app__heroIntro>.app__heroIntroTitle{font-size:3.5rem;font-weight:600;text-align:center}.app>.app__hero>.app__heroIntro>.app__heroIntroTitle>.name{font-weight:900;color:#f18f01}.app>.app__hero>.app__heroIntro>.app__heroIntroSubtitle{font-weight:200;font-size:3rem;width:70%;margin:auto auto 20px}.app>.app__hero>.app__heroIntro>.app__heroIntroBtn{transition:all .4s ease-in-out;font-size:1.8rem;text-decoration:none;padding:10px 30px;font-weight:600;border:1.5px solid #f18f01;color:#f18f01;background:#01214e}.app>.app__hero>.app__heroIntro>.app__heroIntroBtn:hover{border:1.5px solid #048ba8;color:#048ba8}.tile{width:310px;height:290px;display:flex;flex-direction:column;box-sizing:border-box;align-items:center;background:rgba(0,35,80,.668);padding:30px 15px}.tile>.tile__img{width:40%;object-fit:contain;margin-bottom:10px}.tile>.tile__title{font-size:1.9rem;margin-bottom:8px;font-weight:600;color:#fff}.tile>.tile__summary{color:#3ddcff;text-align:center;font-size:1.6rem;font-weight:300}@media screen and (max-width:830px){.tile{height:240px}.tile>.tile__title{font-size:1.65rem}.tile>.tile__summary{font-size:1.4rem}}@media screen and (max-width:768px){.tile{width:45%}}@media screen and (max-width:550px){.tile{width:80%;height:auto}}@media screen and (max-width:320px){.tile{width:100%}}.app>.app__projects{box-sizing:border-box;padding:80px 5%;background:#0d849e}.app>.app__projects>.app__projectsTitle{width:-webkit-fit-content;width:fit-content;margin:auto auto 40px;font-size:3.5rem;text-transform:uppercase;font-weight:900;color:#002350;text-decoration:overline}.app>.app__projects>.app__projectsAttribution{display:none}.app>.app__projects>.app__projectsTiles{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:40px}.app>.app__projects>.app__projectsWork{display:flex;justify-content:center;grid-gap:15px;gap:15px}.app>.app__projects>.app__projectsWork>.project{width:48%;padding:15px;border-radius:8px;box-sizing:border-box;box-shadow:1px 1px 2px rgba(0,0,0,.2),-1px -1px 2px hsla(0,0%,94.1%,.5)}.app>.app__projects>.app__projectsWork>.project>.project__title{font-size:1.7rem;font-weight:800;color:#002350}.app>.app__projects>.app__projectsWork>.project>.project__img{width:100%;object-fit:contain}.app>.app__projects>.app__projectsWork>.project>.project__stack{display:flex;align-items:center;justify-content:space-around;width:70%;margin:5px auto}.app>.app__projects>.app__projectsWork>.project>.projectDescription{text-align:center;font-size:1.6rem;font-weight:300}.app>.app__projects>.app__projectsWork>.project>.project__btns{display:flex;justify-content:center;align-items:center;margin-top:8px}.app>.app__projects>.app__projectsWork>.project>.project__btns>.project__btn{transition:all .4s ease-in-out;font-size:1.4rem;text-decoration:none;padding:10px 30px;margin-left:20px;font-weight:600;border:1.5px solid #f18f01;color:#f18f01;background:#01214e}.app>.app__projects>.app__projectsWork>.project>.project__btns>:first-child{margin-left:0}.app>.app__projects>.app__projectsWork>.project>.project__btns>.project__btn:hover{border:1.5px solid #048ba8;color:#048ba8}.app{font-family:"Poppins",sans-serif;overflow-x:hidden}.fa-node{color:#1e7712}.fa-react{color:#5ed3f3}.fa-css3{color:#254bdd}.app>*{box-sizing:border-box}div{transition:all .3s ease-in-out}.app>.app__footer{padding:80px 10% 30px;background-size:cover}.app>.app__footer>.app__footerContainer{text-align:center;display:flex;align-items:center;justify-content:center;grid-gap:20px;gap:20px}.app>.app__footer>.app__footerContainer>.iconContainer{padding:10px;background:#011735;color:#048ba8;box-shadow:1px 1px 1.7 rgba(0,0,0,.2),-1px -1px 1.7 hsla(0,0%,94.1%,.4)}.app>.app__footer>.app__footerContainer>.iconContainer>a{color:#048ba8}.app>.app__footer>.app__footerContainer>.iconContainer>a:hover{color:#f18f01}.app>.app__footer>.app__footerDisclaimer{font-size:1.7rem;font-weight:400;font-style:italic;text-align:center;color:#a56401}@media screen and (max-width:960px){.app>.app__hero>.app__heroIntro>.app__heroIntroTitle{font-size:3.2rem}.app>.app__hero>.app__heroIntro>.app__heroIntroSubtitle{font-size:2.5rem;margin-bottom:15px}.app>.app__about{padding-left:8%;padding-right:8%}.app>.app__about>.app__aboutBody>.app__aboutBodyBio{width:55%}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__title{font-size:2.2rem}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__description{font-size:1.45rem}.app>.app__about>.app__aboutBody>.app__aboutBodySkills{width:40%}.app>.app__projects>.app__projectsWork>.project{padding:10px}.app>.app__projects>.app__projectsWork>.project>.project__stack *{font-size:2.3rem;width:33px}.app>.app__projects>.app__projectsWork>.project>.projectDescription{font-size:1.45rem}}@media screen and (max-width:768px){.app>.app__about>.app__aboutBody{flex-direction:column}.app>.app__about>.app__aboutBody>.app__aboutBodyBio{width:90%!important}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__title{font-size:2.4rem}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__description{font-size:1.8rem}.app>.app__about>.app__aboutBody>.app__aboutBodySkills{width:95%;margin-top:30px}.app>.app__projects>.app__projectsTiles{flex-wrap:wrap;grid-gap:30px;gap:30px}.app>.app__projects>.app__projectsWork{flex-direction:column;align-items:center}.app>.app__projects>.app__projectsWork>.project{width:100%;margin-bottom:30px;padding:15px 10px}.app>.app__projects>.app__projectsWork>:last-child{margin-bottom:0}.app>.app__projects>.app__projectsWork>.project>.projectDescription{font-size:1.4rem}}@media screen and (max-width:620px){.app>.app__contact>.app__contactSubtitle{font-size:1.9rem}.app>.app__contact>.app__contactForm{width:100%}}@media screen and (max-width:530px){.app>.app__hero>.app__heroIntro>.app__heroIntroTitle{font-size:2.8rem}.app>.app__hero>.app__heroIntro>.app__heroIntroSubtitle{font-size:1.8rem}}@media screen and (max-width:460px){.app>.app__about{padding-left:5%;padding-right:5%}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__title{font-size:1.9rem}.app>.app__about>.app__aboutBody>.app__aboutBodyBio>.bio__description{font-size:1.3rem}}@media screen and (max-width:430px){.app>.app__hero>.app__heroIntro>.app__heroIntroTitle{font-size:1.85rem}.app>.app__hero>.app__heroIntro>.app__heroIntroSubtitle{font-size:1.4rem}.app>.app__projects>.app__projectsWork>.project>.project__btns>.project__btn{padding:8px 10px}}.app>.app__contact{padding:80px 10%;background:#2e4057}.app>.app__contact>.app__contactTitle{width:-webkit-fit-content;width:fit-content;margin:auto auto 40px;font-size:3.5rem;text-transform:uppercase;font-weight:900;color:#00d0ff;text-decoration:overline}.app>.app__contact>.app__contactSubtitle{text-align:center;font-size:2.2rem;font-weight:500;margin-bottom:10px;color:#f5a52e}.app>.app__contact>.app__contactForm{width:500px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.app>.app__contact>.app__contactForm>*{height:35px;font-size:1.6rem;padding:0 8px;width:100%;margin-bottom:10px;background:#01214e;border:none;color:#f18f01;outline:none;font-weight:300;font-family:"Poppins",cursive;box-sizing:border-box}.app>.app__contact>.app__contactForm>:focus{background:#01214e;color:#f18f01}.app>.app__contact>.app__contactForm>textarea{padding:10px;font-size:1.6rem;height:140px}.app>.app__contact>.app__contactForm>.app__contactFormBtn{width:30%;margin-left:auto;cursor:pointer;border:1.5px solid #f18f01}.app>.app__contact>.app__contactForm>.app__contactFormBtn:hover{border:1.5px solid #048ba8;color:#048ba8}
/*# sourceMappingURL=main.18fc173c.chunk.css.map */