@import"https://fonts.googleapis.com/css2?family=Anaheim:wght@400..800&family=Zain:ital,wght@0,200;0,300;0,400;0,700;0,800;0,900;1,300;1,400&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Zain,sans-serif}:root{--white: #fff;--black: #080708;--dark-blue:#1c3144;--red:#d00000;--yellow:#ffba08;--light-blue:#3f88c5;--light-gray:#e6e8e6;--font-size-s: .9rem;--font-size-n: 1rem;--font-size-m: 1.12rem;--font-size-l: 1.5rem;--font-size-xl: 2rem;--font-size-xxl: 2.3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-radius-s: 8px;--border-radius-m: 30px;--border-radius-circle: 50%;--site-max-width: 1300px}ul{list-style:none}a{text-decoration:none}button{background:none;border:none;cursor:pointer}img{width:100%}.section-content{margin:0 auto;padding:0 20px;max-width:var(--site-max-width)}header{position:fixed;width:100%;z-index:5;background:var(--dark-blue)}header .navbar{display:flex;padding:20px;align-items:center;justify-content:space-between}.navbar .nav-logo .logo-text{color:var(--white);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.navbar .nav-menu{display:flex;gap:10px}.navbar .nav-menu .nav-link{padding:10px 18px;color:var(--white);font-size:var(--font-size-m);border-radius:var(--border-radius-m);transition:.3s ease}.navbar .nav-menu .nav-link:hover{color:var(--black);background:var(--red)}.navbar :where(#menu-close-button,#menu-open-button){display:none}.home-page{background:var(--white);min-height:100vh}.home-page .section-content{display:flex;align-items:center;min-height:100vh;color:var(--black);justify-content:center}.home-page .home-details .title{color:var(--red);font-size:var(--font-size-xxl);font-family:Anaheim,sans-serif}.home-page .home-details .subtitle{margin-top:8px;max-width:70%;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.home-page .home-details .description{max-width:70%;margin:24px 0 40px;font-size:var(--font-size-m)}.home-page .home-details .buttons{display:flex;gap:23px}.home-page .home-details .button{padding:10px 26px;border:2px solid transparent;border-radius:var(--border-radius-m);background:var(--red);color:var(--black);font-weight:var(--font-weight-medium);transition:.3s ease}.home-page .home-details .button:hover{border-color:var(--white);background:var(--yellow)}.home-page .home-details .follow-me{background:var(--light-blue)}.home-page .home-image-wrapper{max-width:500px;margin-right:30px}.games-page{background:var(--white);min-height:100vh;padding-top:90px}.games-page .section-content{display:flex;align-items:center;color:var(--black);justify-content:space-evenly;flex-flow:row;min-height:100vh}.game-info .game-title{color:var(--red);font-size:var(--font-size-xxl);font-family:Anaheim,sans-serif}.snake-game{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 20px;max-width:var(--site-max-width)}.snake-game .snake-wrapper{width:65vmin;height:70vmin;display:flex;overflow:hidden;flex-direction:column;border-radius:5px;background:#293447;position:relative}.snake-game .snake-game-details{color:var(--white);font-size:var(--font-size-m);font-weight:var(--font-weight-medium);padding:20px 27px;display:flex;justify-content:space-between}.pause-button{background:var(--red);color:var(--black);border:none;padding:6px 14px;border-radius:var(--border-radius-m);font-weight:var(--font-weight-semibold);cursor:pointer}.pause-button:hover{background:var(--yellow)}.snake-game .snake-game-board{position:relative;width:100%;height:100%;display:grid;grid-template:repeat(30,1fr) / repeat(30,1fr);background:#212837}.snake-game-board .head,.snake-game-board .body{background:var(--light-blue)}.snake-game-board .food{background:var(--red)}.start-overlay,.pause-overlay{position:absolute;inset:0;background:#21283780;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;color:#fff;font-size:2rem;font-weight:700;pointer-events:auto;text-align:center;border-radius:5px}.start-overlay button,.pause-overlay button{background:var(--red);color:var(--black);border:none;padding:12px 24px;border-radius:var(--border-radius-m);font-size:1rem;cursor:pointer;font-weight:var(--font-weight-semibold);transition:background .2s}.start-overlay button:hover,.pause-overlay button:hover{background:var(--yellow)}.snake-game .snake-controls{display:none;justify-content:space-between}.snake-game .snake-controls i{padding:25px 0;color:var(--white);text-align:center;cursor:pointer;font-size:var(--font-size-l);width:25%;border-right:1px solid var(--black)}.projects-page{background:var(--white);min-height:100vh;padding-top:90px}.projects-page .section-content{display:flex;flex-direction:row;align-items:center;min-height:100vh;color:var(--black);justify-content:space-between}.projects-page .title{color:var(--red);font-size:var(--font-size-xxl);font-family:Anaheim,sans-serif}.projects-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.project-card{background:#212837;border-radius:8px;padding:20px;color:#fff;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000080}.project-card a{display:inline-block;margin-top:10px;color:var(--accent, #4caf50);text-decoration:none}.project-card a:hover{text-decoration:underline}.about-page{background:var(--white);min-height:100vh;padding-top:90px}.about-page .section-content{display:flex;align-items:center;color:var(--black);justify-content:space-between}.about-page .about-details .title{color:var(--red);font-size:var(--font-size-xxl);font-family:Anaheim,sans-serif}.about-page .about-details .subtitle{margin-top:8px;max-width:70%;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.about-page .about-details .description{max-width:70%;margin:24px 0 40px;font-size:var(--font-size-m)}.socials-page{background:var(--white);min-height:100vh;padding-top:90px}.socials-page .section-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:30px;width:100%;max-width:800px;margin:auto;padding:20px}.socials-page .social-details{width:100%;text-align:center;margin-bottom:200px}.socials-page .social-details .title{color:var(--red);font-size:var(--font-size-xxl);font-family:Anaheim,sans-serif}.socials-page .social-details .kofi-widget{border:"none";width:100%;padding:4px;background:#f9f9f9}.socials-page .social-details .social-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.socials-page .social-details .social-button{padding:10px 26px;border:2px solid transparent;color:var(--white);border-radius:var(--border-radius-m);font-weight:var(--font-weight-medium);transition:.3s ease;display:inline-flex;align-items:center;gap:8px}.socials-page .social-details .social-button:hover{border-color:var(--white)}.socials-page .social-details .twitch{background:#6441a5}.socials-page .social-details .twitch:hover{background:#553586}.socials-page .social-details .twitter{background:#1da1f2}.socials-page .social-details .twitter:hover{background:#0d8ddb}.socials-page .social-details .instagram{background:#e1306c}.socials-page .social-details .instagram:hover{background:#c12d5d}.footer{padding:20px;text-align:center;position:relative;bottom:0;right:0;left:0}.footer-content{display:flex;flex-direction:column;background:var(--dark-blue);align-items:center;gap:15px;color:#fff}.footer-links{display:flex;gap:50px}.footer-socials a,.footer-professional a{color:#fff;font-size:1.5rem;margin:0 5px;transition:color .3s}.footer-socials a:hover,.footer-professional a:hover{color:var(--accent, #4caf50)}@media screen and (max-width:900px){:root{--font-size-m: 1rem;--font-size-l: 1.3rem;--font-size-xl: 1.5rem;--font-size-xxl: 1.8rem}body.show-mobile-menu header:before{content:"";position:fixed;left:0;top:0;height:100%;width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0003}.navbar :where(#menu-close-button,#menu-open-button){display:block;font-size:var(--font-size-l)}.navbar #menu-close-button{position:absolute;right:30px;top:30px}.navbar #menu-open-button{color:var(--white)}.navbar .nav-menu{display:block;position:fixed;right:-300px;top:0;width:300px;height:100%;display:flex;flex-direction:column;align-items:center;padding-top:100px;background:var(--white);transition:left .2s ease}.navbar .nav-menu .nav-link{color:var(--black);display:block;margin-top:17px;font-size:var(--font-size-l)}body.show-mobile-menu .navbar .nav-menu{right:0}.home-page .section-content{gap:50px;text-align:center;padding:30px 20px 20px;flex-direction:column-reverse;justify-content:center}.home-page .home-details :is(.subtitle,.description){max-width:100%}.home-page .home-details .buttons{justify-content:center}.home-page .home-image-wrapper{max-width:270px;margin-top:0}.games-page .section-content{gap:50px;text-align:center;padding:30px 20px 20px;flex-direction:column;justify-content:center}.snake-game{gap:20px 50px;text-align:center;padding:0 20px 20px;flex-direction:column;justify-content:center;font-size:clamp(1rem,5vw,2rem)}.snake-wrapper{width:90vmin;height:115vmin}.start-overlay h2,.pause-overlay h2{font-size:clamp(1rem,5vw,2rem)}.snake-game .snake-controls{display:flex}.snake-game .snake-controls i{padding:15px 0;font-size:var(--font-size-m)}.projects-page .section-content{gap:50px;text-align:center;padding:30px 20px 20px;flex-direction:column;justify-content:center}.about-page .section-content{gap:50px;text-align:center;padding:30px 20px 20px;flex-direction:column-reverse;justify-content:center}.about-page .about-details :is(.subtitle,.description){max-width:100%}.socials-page .section-content{gap:50px;text-align:center;padding:30px 20px 20px;flex-direction:column-reverse;justify-content:center}}