#root{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center}body{scroll-behavior:smooth}@font-face{font-family:Roboto Mono;font-display:swap;src:url(/assets/RobotoMono-Regular-44XoGH_Y.ttf)}@font-face{font-family:Montserrat;font-display:swap;src:url(/assets/Montserrat-Regular-Cw3fqWkz.ttf)}:root{--main-color: #000000;--secondary-color: #273F4F;--text-color: #EFEEEA;--btn-color: #94B4C1}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-size:18px;font-family:Montserrat;font-weight:400;font-style:normal;background-color:var(--main-color);color:var(--text-color);line-height:1.6rem;letter-spacing:1px;scroll-behavior:smooth}h1{font-family:Roboto Mono,monospace;font-optical-sizing:auto;font-weight:600;font-style:normal}li{list-style-type:none}.hidden{opacity:0;height:0}.app__overlay-bg{background-color:var(--secondary-color);width:100%;padding:1rem 1.25rem}.logo-image{width:200px}.app__headings{font-size:3rem;line-height:3rem}.app__subheadings{font-size:1.25rem;font-family:Roboto Mono;font-weight:400;margin-bottom:.5rem}#app__buttons{position:relative;display:block;padding:1rem;border-radius:.5rem;border:none;text-decoration:none;cursor:pointer;box-shadow:var(--text-color) 0 0 10px 1px;border-radius:2rem;color:var(--text-color)}#app__buttons:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#020024,#077a7d 50%,#7ae2cf 75%);border-radius:2rem;opacity:0;z-index:-1;transition:all .3s ease-in}#app__buttons:hover:before{opacity:1}#app__buttons:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:linear-gradient(360deg,#020024,#077a7d 75%,#7ae2cf);border-radius:2rem;transition:all .3s ease-in;opacity:0;z-index:-1}#app__buttons:hover:after{opacity:1}.app__navbar{display:flex;align-items:center;justify-content:space-between;background-color:var(--secondary-color);padding:.625rem 1.25rem;width:100%;position:sticky;top:0;z-index:999}.app__navbar h1{display:inline}.navbar__links-container{display:flex}.navbar__links{display:inline-block;text-align:center;padding:1rem}.navbar__links a{color:var(--text-color);text-decoration:none;cursor:pointer}.navbar__links a:hover{color:var(--btn-color)}.navbar__overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000f2;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;animation:fadeIn .2s ease-in-out}.navbar__overlay-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:#fff;cursor:pointer;display:flex}.navbar__overlay-links{display:flex;flex-direction:column;align-items:center;gap:2rem;list-style:none;padding:0;margin:0}.navbar__overlay-links .navbar__links a{font-size:1.5rem;color:#fff;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app__homepage-container{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh;width:80%;gap:2rem;text-align:center}.app__homepage-container h1{font-size:4.5rem;line-height:5rem;display:block;background-image:linear-gradient(90deg,red,purple 50%,#00008b 75%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}.app__homepage-container h2{line-height:3rem}.app__homepage-container a{font-size:1.25rem}.app__homepage-container img{max-height:500px;max-width:50%}@media screen and (max-width : 800px){.app__homepage-container{width:80%;text-align:center}.app__homepage-container h1{font-size:3rem}}.app__education{display:flex;flex-direction:column;align-items:center;justify-content:center}.app__education-cards-container{width:80%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.app__education-card{display:flex;flex-direction:row;flex-wrap:nowrap;height:200px;width:49%;background-color:var(--main-color);justify-content:center;align-items:center;padding:1rem;border-radius:1rem;gap:1rem}.app__education-card>div{display:flex;height:100%;width:100%;flex-direction:column;justify-content:center}.app__education-card p{font-size:1rem}.app__education-card span{font-size:.75rem;margin-bottom:.25rem}.app__education-card h2{font-size:1.3rem;letter-spacing:0px}.app__education-card img{max-width:100px;max-height:100px;height:100px;width:100px;object-position:center;object-fit:fill;border-radius:50%}@media screen and (max-width:1250px){.app__education-cards-container{width:90%}.app__education-card{width:100%}}@media screen and (max-width:750px){.app__education-card{height:fit-content;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:max-content}}.app__projects{display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.app__projects-container{width:90%;display:flex;flex-wrap:wrap;gap:1rem}.app__projects-card{display:flex;flex-direction:column;background-color:var(--main-color);flex-wrap:nowrap;width:32%;height:400px;padding:1rem;border-radius:20px;box-shadow:var(--main-color) 0 3px 10px;gap:1rem;text-align:center;position:relative}.app__projects-card *{transition:all .3s ease-in-out}.app__projects-card:hover .project-subcontent{position:absolute;top:50;left:0;width:100%;z-index:2;opacity:1;height:auto;background-color:#00000080;padding:0 1rem}.app__projects-card:hover .project-showcase{filter:blur(5px) grayscale(100%)}.project-content{position:relative;z-index:2}.project-content *:not(:last-child){margin-bottom:.75rem}.project-tags{display:flex;flex-wrap:wrap;gap:.25rem}.project-tag{padding:.25rem;border-radius:10px;max-height:2rem;color:#fff;box-shadow:#999 0 0 2px}.project-tag>span{text-shadow:white 0px 0px 12px}.project-tag:not(:last-child){margin-right:.25rem}.project-showcase{position:relative;height:100%;width:100%;max-height:100%;border-radius:0 0 20px 20px;box-shadow:var(--secondary-color) 0 4px 12px}.project-subtitle a,.project-subtitle a:active,.project-subtitle a:link{color:#fff}@media screen and (max-width: 1000px){.app__projects-container{flex-direction:row}.app__projects-card{width:100%}}@media screen and (max-width: 750px){.app__projects-card{height:320px}.app__projects-card .project-subcontent.hidden{display:flex!important;flex-direction:column;position:absolute;top:auto;bottom:0;left:0;width:100%;z-index:2;opacity:1;height:auto;max-height:45%;overflow-y:auto;background-color:#000000b3;padding:.5rem .75rem;border-radius:0 0 20px 20px}.project-subtitle{font-size:.75rem;line-height:1.2;margin-bottom:.4rem!important}.project-tags{gap:.2rem}.project-tag{padding:.15rem .35rem;font-size:.6rem;max-height:1.4rem}.app__projects-card:hover .project-showcase{filter:none}}.app__about{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;padding:1rem 0}.app__about-card-container{width:50%}.app__about-card{display:flex;align-items:center;justify-content:center;width:100%;max-height:250px;margin:1rem 0;padding:1.5rem;border-radius:1rem;gap:2rem}.app__about-card div{max-width:100%;width:100%}.app__about-card img{width:300px;min-width:300px;height:200px;object-fit:fill;box-shadow:#aaa 0 0 8px}.app__about-card:nth-child(2) div{text-align:right}@media screen and (max-width: 1560px){.app__about-card-container{width:75%}}@media screen and (max-width: 1200px){.app__about-card-container{width:100%}}@media screen and (max-width: 950px){.app__about-card{flex-direction:column;max-height:fit-content;position:relative;height:500px;min-height:500px}.app__about-card-container{width:100%}.app__about-card:nth-child(2) *{margin:1.5rem 1rem}.app__about-card:nth-child(2)>img{position:absolute;top:0}.app__about-card:nth-child(2)>div{position:absolute;text-align:left;bottom:0;left:-.5rem;max-width:95%}}@media screen and (max-width: 450px){.app__about-card{height:600px}}.app__footer{width:100%}.app__footer-container{padding-top:2rem;padding-bottom:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.app__footer-contacts{display:flex;justify-content:space-around;align-items:center;width:100%;gap:3rem;margin-bottom:1rem;text-align:center}.app__footer-contacts a,i{text-decoration:none;color:var(--text-color);font-size:1rem;overflow-wrap:break-word;width:fit-content;transition:all .3s ease-in-out}.app__footer-contacts a:hover{color:var(--btn-color)}.app__footer-contacts a:hover i{filter:brightness(.5)}.app__footer-links{margin-top:1rem;width:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem}.app__footer-links *{width:2rem;height:2rem;fill:var(--text-color);transition:all .3s ease-in-out}.app__footer-links a:hover *{fill:var(--btn-color)}@media screen and (max-width:650px){.app__footer-contacts{flex-direction:column;text-align:center}}