@import"https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}:root{--navbar-color: #5986a9;--navbar-height: 70px;--navbar-highlighted-color: #f3f3f3;--navbar-text-color: #f3f3f3;--navbar-text-hover-color: #d3d3d3;--navbar-text-font: "Source Sans Pro";--navbar-text-size: calc(1.15rem + .2vw) ;--sidebar-color: #bbddf9;--highlight-color: #70a3ca;--light-highlight-color: #85bae3;--lightest-highlight-color: #a5d2f7;--background-dark-color: linear-gradient(to bottom right, #262626, #202020);--background-light-color: linear-gradient( to bottom right, #f6f6f6, #f1f1f1 );--text-dark-color: #111;--text-light-color: #f3f3f3;--section-title-font: "Source Sans Pro";--section-description-font: "Source Sans Pro";--home-section-title-size: calc(2.4rem + 1.7vw) ;--button-font: "Source Sans Pro";--about-section-skill-font-size: calc(2.8rem + 2.1vw) ;--about-section-skill-padding: 8px}.main{position:absolute;left:0;top:var(--navbar-height);min-height:calc(100vh - var(--navbar-height));width:100%;overflow-x:hidden}.portfolio-section{min-height:calc(100vh - var(--navbar-height));width:100%;scroll-margin-top:var(--navbar-height)}.portfolio-section.light-mode{background:var(--background-light-color);color:var(--text-dark-color)}.portfolio-section.dark-mode{background:var(--background-dark-color);color:var(--text-light-color)}.section-title{font-family:var(--section-title-font);font-weight:800;text-transform:uppercase;letter-spacing:2px;text-align:center}.section-description{font-family:var(--section-description-font);text-align:center;margin:0 auto;font-weight:400}.portfolio-section.light-mode .section-description{color:#333}.portfolio-section.dark-mode .section-description{color:#ddd}.portfolio-section.light-mode .section-description>strong{color:#222}.portfolio-section.dark-mode .section-description>strong{color:#eee}#home-section{display:flex;justify-content:center;align-items:center}#home-section-content{width:90%;max-width:1000px;margin-bottom:calc(100px - 5.5vw)}#home-section-title{font-size:var(--home-section-title-size)}#home-section-description{font-size:calc(1rem + .4vw);width:45ch;max-width:80vw;margin-top:calc(10px + 1.5vw);line-height:calc(20px + .8vw)}#home-section-socials-wrapper{width:75%;min-width:275px;max-width:320px;margin:0 auto;margin-top:calc(60px + .2vw);background-color:#dcdcdc;padding:15px 20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between}#home-section-socials-wrapper>a{color:inherit;text-decoration:none}.home-section-socials{font-size:calc(1.9rem + .2vw);transition:scale .1s ease,color .2s ease}.home-section-socials:hover{cursor:pointer;color:var(--highlight-color);scale:1.05}#home-section-buttons-wrapper{width:100%;max-width:1000px;display:flex;justify-content:center;column-gap:calc(10px + 1vw);margin-top:40px}.home-section-button{width:max-content;padding:calc(19px + .2vw) calc(18px + .8vw);background-color:var(--highlight-color);color:var(--text-dark-color);border-radius:8px;box-shadow:0 4px 6px #0000001f;transition:color .2s ease,transform .25s ease;font-family:var(--button-font);font-size:calc(.9rem + .45vw);font-weight:800;letter-spacing:2px;text-transform:uppercase;-webkit-user-select:none;user-select:none;display:flex;column-gap:calc(8px + .3vw);justify-content:center;align-items:center}.home-section-button:hover{cursor:pointer;transform:translateY(-4px);color:var(--text-light-color)}#about-section{padding-bottom:130px;padding-top:calc(40px + 1.5vw)}.about-section-title{font-size:calc(2rem + 1.4vw);position:relative;width:max-content;margin:0 auto}.about-section-title:not(:first-of-type){margin-top:60px}.about-section-title:after,.about-section-title:before{content:"";position:absolute;width:calc(20px + 2vw);height:1.5px;background-color:var(--text-light-color);top:52%;translate:0 -50%}.about-section-title:before{right:calc(-45px - 2vw)}.about-section-title:after{left:calc(-45px - 2vw)}#about-section-description{font-size:calc(.9rem + .45vw);width:80ch;max-width:85%;font-weight:300;margin-top:20px}#download-cv-button{font-family:var(--button-font);font-weight:600;font-size:calc(1.1rem + .85vw);text-transform:uppercase;letter-spacing:2px;width:calc(220px + 10vw);height:calc(80px + 1vw);margin:35px auto 0;background-color:transparent;color:var(--text-light-color);text-decoration:none;border:2.5px solid var(--highlight-color);border-radius:40px;position:relative;display:block}#download-cv-button>*{position:absolute;translate:-50% -50%;top:50%}#download-cv-button>i{font-size:calc(1.5rem + .9vw);left:calc(18% - 4px);transition:font-size .1s ease,left .3s ease,color .3s ease}@keyframes fade-cv-btn-text{0%,80%{opacity:0}to{opacity:1}}#download-cv-button>p{right:calc(-15% - 14px)}.about-section-subtitle{font-size:calc(1.2rem + 1vw);width:max-content;margin:50px auto 0}.about-section-skills-wrapper{margin:20px auto 0;width:90%;max-width:1000px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:calc(10px + 1.5vw)}.about-section-skill{border:calc(1px + .1vw) solid var(--text-light-color);border-radius:10px;padding:var(--about-section-skill-padding);padding-bottom:5.5px;position:relative}.about-section-skill>i{font-size:var(--about-section-skill-font-size)}.about-section-skill:after{position:absolute;translate:-50% -50%;top:50%;left:50%;opacity:0;scale:0;transition:opacity .3s ease,scale .2s ease;font-family:Source Sans Pro;text-transform:uppercase;font-weight:800;white-space:nowrap;letter-spacing:1px;font-size:calc(.7rem + .5vw);background-color:var(--highlight-color);color:var(--text-dark-color);padding:2px;border-radius:5px}.about-section-skill:hover:after{opacity:1;scale:1}.non-devicon-skill{display:inline-flex;justify-content:center;align-items:center;font-size:var(--about-section-skill-font-size);padding:var(--about-section-skill-padding);position:relative}.non-devicon-skill .non-devicon-icon{width:1em;height:1em;object-fit:contain}#projects-section{padding-bottom:130px;padding-top:calc(40px + 1.5vw)}.projects-section-title{font-size:calc(2rem + 1.4vw);position:relative;width:max-content;margin:0 auto}.projects-section-title:after,.projects-section-title:before{content:"";position:absolute;width:calc(20px + 2vw);height:1.5px;background-color:var(--text-dark-color);top:52%;translate:0 -50%}.projects-section-title:before{right:calc(-45px - 2vw)}.projects-section-title:after{left:calc(-45px - 2vw)}#projects-section-projects-wrapper{width:95%;margin:50px auto 0;display:flex;justify-content:space-evenly;flex-wrap:wrap;row-gap:calc(20px + 2.5vw);column-gap:16px}.projects-section-project{width:25vw;min-width:360px;aspect-ratio:1;height:auto;box-shadow:0 0 30px 3px #00000073;border-radius:20px;position:relative;overflow:hidden}.projects-section-project:hover{cursor:pointer}.projects-section-project-image{display:block;position:absolute;top:0;left:50%;translate:-50% 0;width:101%;height:101%;object-fit:cover}.projects-section-project-darken{position:absolute;top:50%;left:50%;translate:-50% -50%;width:101%;height:101%;background:linear-gradient(to top,var(--text-dark-color) 40%,#11111122);opacity:0;transition:opacity .3s ease}.projects-section-project-content{position:absolute;bottom:calc(12px + .4vw);left:calc(12px + .4vw);color:var(--text-light-color);opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease}.projects-section-project-title{font-size:calc(1.75rem + .15vw);font-family:Source Sans Pro;font-weight:600;color:var(--light-highlight-color)}.projects-section-project-description{font-size:calc(1rem + .1vw);margin-top:4px;font-family:Lato;max-width:30ch}.projects-section-project-technologies{margin-top:calc(12px + 1vw);display:flex;gap:calc(10px + .1vw)}.projects-section-project-technology{background:#d3d3d3;color:var(--text-dark-color);letter-spacing:.5px;font-family:Lato;padding:7px 14px;border-radius:30px;-webkit-user-select:none;user-select:none;font-size:calc(.9rem + .05vw)}@media (min-width: 1500px){.projects-section-project-title{font-size:calc(1.75rem + .5vw)}.projects-section-project-description{font-size:calc(1rem + .2vw);line-height:1.5rem;max-width:35ch}.projects-section-project-technology{font-size:calc(.9rem + .15vw);padding:7px 16px}}.navbar{position:fixed;z-index:99;width:100vw;height:var(--navbar-height);background-color:var(--navbar-color);display:flex;justify-content:center;column-gap:calc(5px + 5vw);align-items:center}.navbar .navbar-item{color:var(--navbar-text-color);text-decoration:none;font-family:var(--navbar-text-font);font-size:var(--navbar-text-size);font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:10px 15px;-webkit-user-select:none;user-select:none;z-index:99;transition:color .2s ease}.navbar .navbar-item:hover{cursor:pointer;color:var(--navbar-text-hover-color)}.navbar #navbar-highlighter{position:absolute;height:1.5px;top:75%;translate:0 -50%;background-color:var(--navbar-highlighted-color);border-radius:50px;transition:left .5s ease,width .5s ease}.project-not-found{text-align:center;font-size:2.6rem;font-family:Source Sans Pro}body{background:var(--background-light-color)}.project-page-sidebar{width:350px;top:var(--navbar-height);height:calc(100vh - var(--navbar-height));position:fixed;background-color:var(--sidebar-color);box-shadow:inset 0 4px 6px #0000001a;z-index:999;display:flex;flex-direction:column;font-family:Source Sans Pro;padding:16px 8px;gap:12px;overflow-y:scroll}.project-page-sidebar-title{font-weight:800;font-size:16px;text-align:center;text-transform:uppercase}.project-page-sidebar>a{min-height:48px;max-height:48px;width:100%;text-align:center;display:flex;align-items:center;justify-content:center;transition:background-color .2s;text-decoration:none;color:var(--text-dark-color);font-weight:500;font-size:18px;border-radius:12px}.project-page-sidebar>a:hover{background-color:var(--lightest-highlight-color)}.project-page-sidebar>a[active=true]{background:var(--light-highlight-color);box-shadow:0 -4px 6px #0000001a,0 4px 6px #0000001a;font-weight:600}.project-content{text-align:left;font-family:Source Sans Pro;display:flex;flex-direction:column;justify-content:start;padding:0 32px 32px;margin-left:350px}.project-page-title,.project-page-subtitle{text-transform:uppercase;font-weight:800}.project-page-title{font-size:calc(1.95rem + 1.35vw);letter-spacing:2px;margin-top:40px;margin-bottom:8px}.project-page-links{width:max-content;background-color:#dcdcdc;padding:calc(12px - .1vw) calc(17px - .15vw);border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:start;gap:20px}.project-page-links>a{color:inherit;text-decoration:none;font-size:calc(1.9rem + .1vw);transition:scale .1s ease,color .2s ease}.project-page-links>a:hover{cursor:pointer;color:var(--highlight-color);scale:1.05}.project-page-subtitle{letter-spacing:1px;font-size:calc(1.2rem + .7vw);margin-top:40px;margin-bottom:8px}.project-page-technologies{width:100%;display:flex;flex-wrap:wrap;justify-content:start;gap:calc(10px + .1vw)}.project-page-technology{background:var(--light-highlight-color);color:var(--text-dark-color);letter-spacing:1px;font-family:Lato;padding:9px 17px;border-radius:30px;-webkit-user-select:none;user-select:none;font-size:calc(.95rem + .1vw);font-weight:600}.project-page-about{font-family:Lato;font-size:calc(.95rem + .1vw);width:100%;font-weight:200;color:#1a1a1a;line-height:calc(1.3rem + .2vw)}.project-page-about>a{color:var(--highlight-color);font-weight:800}.project-page-images{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:max-content;gap:20px;width:100%}.project-page-image>img{width:100%;border-radius:8px;display:block}.project-page-image{width:100%;box-shadow:0 0 8px 2px #00000026;border-radius:8px;height:max-content;overflow:hidden}@media (max-width: 1280px) and (min-width: 1152px){.project-page-images{grid-template-columns:1fr}}@media (max-width: 1152px){.project-page{display:flex;flex-direction:column-reverse}.project-page-sidebar{position:static;height:max-content;width:100vw;overflow-y:hidden}.project-content{margin-left:0}}@media (max-width: 880px){.project-page-images{grid-template-columns:1fr}}@media (max-width: 768px){.project-content{padding:0 16px 32px;justify-content:center;text-align:center}.project-page-about{margin:0 auto}.project-page-links,.project-page-technologies{justify-content:center;margin:0 auto}}.project-navbar{width:100%;height:var(--navbar-height);background-color:var(--navbar-color);position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:99}.project-navbar>a{color:var(--navbar-text-color);transition:color .2s ease;position:relative}.project-navbar>a:hover{color:var(--navbar-text-hover-color)}.fa-house{font-size:2.5rem}