body{font-family:'Roboto',sans-serif;overflow-y:scroll;color:#fff;}@media screen and (max-width:860px){}.nav-link:hover{color:#ffffff !important;}.secondary-nav .secondary-nav .secondary-nav .sphere-btn:hover{transform:scale(1.1);}@media screen and (max-width:860px){}.game-square{width:1280px;height:720px;margin:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-image:url('gameart/game_bg.png');background-size:107% auto;background-repeat:no-repeat;border:2px solid #000000;overflow:hidden;}@keyframes playerHover{0%{transform:translateY(0);}50%{transform:translateY(-10px);}100%{transform:translateY(0);}}.player{position:absolute;animation:playerHover 1.5s ease-in-out infinite;z-index:3;}.player-shadow{position:absolute;z-index:0;}.cupcake{position:absolute;animation:playerHover 3s ease-in-out infinite;z-index:2;}.cupcake-shadow{position:absolute;z-index:0;}.enemy{position:absolute;z-index:1;}.counter{position:absolute;top:1%;left:50%;transform:translateX(-50%);background-color:rgba(10,15,20,0.5);padding:3px 10px;border-radius:10px;font-family:'Arial Black',sans-serif;font-size:24px;z-index:11;}img.try-again{position:absolute;left:calc(50% - 205px);bottom:13%;transform:translateX(-50%);z-index:11;animation:tryAgainHover 1s ease-in-out infinite alternate;}@keyframes tryAgainHover{0%{transform:translateY(0);}100%{transform:translateY(-10px);}}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;;background-color:rgba(0,0,0,0);z-index:10;transition:background-color 1s ease;}.overlay.active{background-color:rgba(0,0,0,0.2);}.gg-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;}.audio-control{position:absolute;top:10px;right:10px;z-index:12;cursor:pointer;}.centered-footer{text-align:center;color:#6a788c;font-weight:bold;position:fixed;bottom:0;width:100%;padding:10px 0;}.particle{position:absolute;width:6px;height:6px;background-color:#4e5867;pointer-events:none;opacity:1;transform:scale(1);transition:opacity 1s ease-out,transform 1s ease-out;z-index:9999;border-radius:2px;}.particle.outlined{background-color:transparent;border:1px solid #98acc9;}html,body{margin:0;padding:0;min-height:100%;}body{}@media (max-width:900px){body{}}header{position:relative;background:none;margin:0;padding:0;box-shadow:none;z-index:3;}header::before{content:"";position:fixed;top:0;left:0;width:100%;height:478px;background-image:url("resources/main_background_header.png");background-repeat:no-repeat;background-position:top center;background-size:107% auto;z-index:2;pointer-events:none;}html{background-color:#000407;background-image:url("resources/main_background.png");background-repeat:no-repeat;background-position:top center;background-size:107% auto;background-attachment:fixed;}:root{--btn-nudge:1vw;--btn-top:5.2vw;--btn-gap:17.2vw;--btn-width:11.72vw;}.header-buttons{position:fixed;top:var(--btn-top);left:50%;width:0;height:0;z-index:10;pointer-events:none;}.header-buttons .btn-link{position:absolute;top:0;pointer-events:auto;display:block;}.header-buttons .btn-projects{left:50%;transform:translateX(-50%);}.header-buttons .btn-portfolio{left:calc(50% - var(--btn-gap));transform:translateX(-50%);}.header-buttons .btn-resume{left:calc(50% + var(--btn-gap));transform:translateX(-50%);}.header-buttons img{display:block;width:var(--btn-width);height:auto;max-width:none;max-height:none;image-rendering:auto;}.header .header-nav .nav-link[href="resume.html"]{display:none;}.header-buttons .btn-portfolio{left:calc(50% - (var(--btn-gap) - var(--btn-nudge,1vw)) );transform:translateX(-50%);}.header-buttons .btn-resume{left:calc(50% + (var(--btn-gap) - var(--btn-nudge,1vw)) );transform:translateX(-50%);}html{overflow-y:scroll;scrollbar-gutter:stable;}