*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Space Grotesk",sans-serif;font-weight:bold;height:100%;background-color:#181818;position:relative;min-height:100vh}button{font-family:"Space Grotesk",sans-serif}a{text-decoration:none;color:#f1f1f1;cursor:pointer}header{background-color:#000;color:#f1f1f1;font-size:1.5rem;padding:10px 64px 10px 32px}header nav{display:flex;justify-content:space-between;align-items:center}header nav ul{position:relative;display:flex;gap:32px;justify-content:space-around}header nav li{list-style-type:none}main{color:#f1f1f1;display:flex;flex-direction:column;position:relative}@media(min-width: 600px){main section{position:relative;width:100%;height:100%;padding:2rem;text-align:center}main section .carousel{top:4rem;position:relative;left:50%;transform:translate(-50%);width:30%;height:400px;perspective:1000px}main section .carousel .card{width:100%;max-height:500px;box-shadow:1px 1px 10px #121212;box-shadow:inset 1px 1px 10px #1e1d1d;background-color:#f2f2f2;background-color:#3f3f3f;border-radius:8px;position:absolute;top:0;cursor:pointer;padding:5%;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}main section .carousel .card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.05);opacity:0;transition:opacity .3s ease;z-index:2}main section .carousel .card:hover::before{opacity:1}main section .carousel .card .text-content{text-align:center;position:absolute;width:80%;display:flex;gap:8px;flex-direction:column;align-items:center;left:50%;top:50%;transform:translate(-50%, -50%)}main section .carousel .card img{position:relative;width:100%;height:300px;max-height:40vh;object-fit:cover;object-position:top;border-radius:8px 8px 4px 4px;z-index:1}main section .carousel .card p{font-weight:500}main section .carousel .card .text-content{z-index:5}main section .carousel .card a{color:red;text-decoration:none;width:50%;position:relative;font-size:1.125rem;font-weight:400;padding:.5rem;border-radius:.2rem;text-decoration:none;transition:all .75s ease-in-out,box-shadow .5s;background-size:200% 100%;background-position:100% 0;color:#f1f1f1;background:#151515;z-index:2}main section .carousel .card a:hover{background-position:0 0;transform:translatey(-4px);box-shadow:0 4px 8px #000;background:rgba(0,0,0,0)}main section .carousel .card a::after{position:absolute;content:"";left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(-45deg, black, #cd1316, black, #cd1316);background-size:600%;-webkit-animation:anime 8s linear infinite;animation:anime 30s linear infinite;z-index:-1;border-radius:inherit}@-webkit-keyframes anime{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes anime{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}main section .carousel .card[data-pos=center] a{background:none}}@media(max-width: 599px){h2{margin-top:16px;text-align:center}.carousel{position:relative;display:flex;flex-direction:column;align-items:center;width:100%}.carousel .card{transform:none !important;position:relative;display:flex;flex-direction:column;align-items:center;padding:32px 0}.carousel .card img{width:90%}.carousel .card .text-content{text-align:center;position:absolute;width:80%;display:flex;gap:8px;flex-direction:column;align-items:center;left:50%;top:50%;transform:translate(-50%, -50%)}}canvas{background-color:#181818;border-width:3px;border-style:solid;border-image:linear-gradient(to bottom, red, rgba(0, 0, 0, 0)) 1 100%;display:block;margin:0 auto;max-height:80vh}select{display:none}.game-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:2rem;padding:2rem;width:100%;padding:1rem}.game-container{max-width:700px;display:flex;flex-direction:column;align-items:center}#myCanvas{width:100%;background-color:#181818}footer{background-color:#000;color:#fff}.pong *{margin:0;padding:0;box-sizing:border-box}.pong .question-container{position:relative;display:flex;flex-direction:column;max-width:700px;color:#f1f1f1}.pong #game-container{position:relative;display:flex;flex-direction:column;border-radius:8px}.pong .panel{position:absolute;background-color:rgba(0,0,0,.8);color:#000;color:#f1f1f1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;height:80%;border-radius:2px;left:50%;top:50%;transform:translate(-50%, -50%);gap:8px}.pong .panel p{font-weight:bolder;color:#770a0b;color:#cd1316}.pong .panel button{color:red;text-decoration:none;width:50%;position:relative;font-size:1.125rem;font-weight:400;padding:.5rem;border-radius:.2rem;text-decoration:none;transition:all .75s ease-in-out,box-shadow .5s;background-size:200% 100%;background-position:100% 0;color:#fff;background:#151515;z-index:2}.pong .panel button:hover{background-position:0 0;transform:translateY(-4px);box-shadow:0 4px 8px #000;background:rgba(0,0,0,0)}.pong .panel button::after{position:absolute;content:"";left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(-45deg, black, #cd1316, black, #cd1316);background-size:600%;-webkit-animation:anime 8s linear infinite;animation:anime 30s linear infinite;z-index:-1;border-radius:inherit}@-webkit-keyframes anime{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes anime{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.pong #open-panel{position:absolute;top:0;right:0}.pong canvas{border-radius:8px}.drag .game-container{background-color:pink;position:relative;display:flex;flex-direction:column;max-width:800px}.drag #game{position:relative;display:flex;flex-direction:column;width:100%}.drag #game canvas{border:1px solid #000}.drag .panel{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:16px;text-align:center;width:80%;display:flex;flex-direction:column;align-items:center}.drag #timer{position:absolute;top:0;right:0;font-size:1.1rem;color:#fff}.drag .score-container{font-size:1.1rem;position:absolute;width:100%;left:0;top:0;color:#fff}.primary-btn{color:red;text-decoration:none;width:50%;position:relative;font-size:1.125rem;font-weight:400;padding:.5rem;border-radius:.2rem;text-decoration:none;transition:all .75s ease-in-out,box-shadow .5s;background-size:200% 100%;background-position:100% 0;color:#fff;background:#151515;z-index:2}.primary-btn:hover{background-position:0 0;transform:translateY(-4px);box-shadow:0 4px 8px #000;background:rgba(0,0,0,0)}.primary-btn::after{position:absolute;content:"";left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background:linear-gradient(-45deg, black, #cd1316, black, #cd1316);background-size:600%;-webkit-animation:anime 8s linear infinite;animation:anime 30s linear infinite;z-index:-1;border-radius:inherit}@-webkit-keyframes anime{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes anime{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}h2{color:#f1f1f1}/*# sourceMappingURL=styles.min.css.map */