@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Rubik+Scribble&family=Rubik:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Rubik+One&family=Rubik:wght@400;500;600&display=swap";.navbar{z-index:1000;height:var(--navbar-height);width:100%;color:var(--color-white);text-transform:uppercase;background-color:#2e653d;font-size:1.5rem;font-weight:500;transition:background-color .4s;position:sticky;top:0}.navbar-container{align-items:center;height:100%;padding:0 5%;display:flex}.navbar-logo{flex-shrink:0;align-items:center;display:flex}.navbar-logo img{width:auto;height:35px;display:block}.navbar-menu{gap:16px;margin-left:auto;padding-top:10px;list-style:none;display:flex}.navbar-menu a{color:inherit;text-decoration:none;transition:color .2s}.navbar-menu a:hover{color:var(--color-yellow)}.navbar-hamburger{cursor:pointer;flex-direction:column;gap:5px;display:none}.navbar-hamburger span{background-color:currentColor;border-radius:10px;width:30px;height:3px}.navbar-mobile-menu{top:var(--navbar-height);background-color:#2e653d;width:100%;list-style:none;display:none;position:absolute;left:0}.navbar-mobile-menu a{color:inherit;text-align:center;padding:1rem;text-decoration:none;display:block}.navbar-mobile-menu a:hover{background-color:#ffffff26}@media (width<=980px){.navbar-menu{display:none}.navbar-hamburger{margin-left:auto;padding-right:1%;display:flex}.navbar-mobile-menu.active{display:block}.navbar-logo{flex-shrink:10;align-items:center;margin-right:auto;display:flex}.navbar-logo img{width:auto;height:32px;display:block}}.about{background:#2e653d;min-height:100vh;padding:80px 5%}.about h1{text-transform:uppercase;color:#fff;font-family:Rubik Scribble,sans-serif;font-size:4rem;font-weight:100}.welcome-banner{width:90%;max-width:1400px;height:auto;margin:0 auto 30px;display:block}.profile-picture{border-style:dashed;border-color:#f0f8ff;border-radius:30px;max-height:350px;display:block}.about-block{justify-content:center;align-items:center;gap:30px;padding-top:30px;display:flex}.text-block{color:#fff;max-width:50%;padding-left:20px;font-family:Rubik,sans-serif;font-size:1.2rem}.cv{text-decoration-line:underline;text-decoration-thickness:2px}@media (width<=700px){.about{min-height:auto;padding:30px 6% 56px}.text-block{padding-left:0}.welcome-banner{width:100%;margin-bottom:20px}.about-block{flex-direction:column;align-items:center;gap:24px;padding-top:16px}.profile-picture{width:min(72vw,180px);height:auto;max-height:none}.text-block{width:100%;max-width:100%;font-size:1rem;line-height:1.55}.about h1{margin-bottom:16px;font-size:clamp(2.5rem,14vw,3.5rem);line-height:1}}.skills{background-color:#335f7a;min-height:100vh;padding:20px 5%}.skills h1{text-transform:uppercase;color:#fff;font-family:Rubik Scribble,sans-serif;font-size:4rem;font-weight:100}.skills-block{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:15px;padding:30px;display:flex}.skills h2{text-transform:uppercase;text-align:center;margin-bottom:15px;font-size:1.2rem;font-weight:600}.specific-skill{background-color:#fff;border-radius:15px;flex:0 0 calc(50% - 20px);min-width:0;padding:20px}.skills p{margin-bottom:15px;font-size:medium}.skill-summary{text-align:center;font-size:medium;font-weight:500}@media (width<=750px){.skills-block{flex-direction:column;gap:15px;margin-top:15px;padding:20px;display:flex}.specific-skill{flex-basis:100%}.skills{background-color:#335f7a;min-height:100vh;padding:10px 5%}}.projects{background-color:#9c3435;min-height:100vh;padding:20px 5%}.projects h1{text-transform:uppercase;color:#fff;font-family:Rubik Scribble,sans-serif;font-size:4rem;font-weight:100}.projects-block{flex-wrap:wrap;justify-content:center;gap:40px;margin-top:15px;padding:30px;display:flex}.specific-project{background-color:#fff;border-radius:15px;flex:0 0 calc(50% - 20px);min-width:0;padding:20px}.specific-project>img{border:1px solid #ddd;border-radius:4px;width:100%;height:auto;margin:15px 0;display:block}.projects h2{text-transform:uppercase;margin-bottom:15px;font-size:1.2rem;font-weight:600}.projects p{margin-bottom:15px;font-size:medium}.link-game{text-decoration-line:underline;text-decoration-thickness:2px}.project-video{border-radius:4px;width:100%;height:auto;margin:15px 0;display:block}a:hover{color:orange}@media (width<=750px){.projects-block{flex-direction:column;gap:15px;margin-top:15px;padding:20px;display:flex}.specific-project{flex-basis:100%}.projects{padding:10px 5%}}.contact{color:#fff;background-color:#ab5135;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px 5%;display:flex}.contact h1{text-transform:uppercase;color:#fff;justify-content:center;padding-bottom:20px;font-family:Rubik Scribble,sans-serif;font-size:4rem;font-weight:100;display:flex}.contact h2{text-transform:uppercase;color:#fff;justify-content:center;margin:30px;font-family:Rubik One,sans-serif;font-size:3rem;font-weight:lighter;display:flex}.contact-ways{text-transform:uppercase;color:#fff;justify-content:center;gap:30px;margin:20px;font-family:Rubik One,sans-serif;font-size:1.5rem;font-weight:lighter;display:flex}footer{justify-content:center;padding-top:30px;display:flex}a{color:inherit;text-decoration:none}@media (width<=750px){.contact h2{text-align:center}.contact-ways{text-align:center;flex-direction:column;gap:15px;padding:20px;display:flex}.specific-project{flex-basis:100%}.contact{min-height:100vh;padding-bottom:50px}}:root{--navbar-height:70px;--color-white:#fff;--color-yellow:#e7df03}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height)}body{font-family:Rubik,sans-serif}main{width:100%}section{min-height:100vh;padding:80px 5%}