html,body{height:100%;-webkit-user-select:none;user-select:none}body{margin:0;background-color:#000;background-image:linear-gradient(#00000040 75%,#000000df),url(/demirspor-bg.webp);background-position:bottom;background-repeat:no-repeat;background-size:cover}.logo{width:320px;aspect-ratio:1 / 1;opacity:.5;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:opacity .2s ease-out;animation:fadeIn 1s ease-out}.logo:hover{opacity:1}.player{position:absolute;left:50%;bottom:1.5rem;display:flex;gap:.75rem;transform:translate(-50%)}button{border:none;width:2.5rem;aspect-ratio:1 / 1;border-radius:50%;color:#fff;cursor:pointer;transition:transform .15s;background-color:#00000040}button:hover{transform:scale(1.1)}button:active{transform:scale(.95)}button svg{width:20px;height:20px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:.5;transform:translate(-50%,-50%) scale(1)}}