.open-skill-view{opacity:0;z-index:-1;background:0 0;justify-content:center;align-items:center;width:10%;height:10%;transition:all .4s;display:flex;position:fixed;top:50%;left:70%;transform:translate(-50%,-50%)}.open-skill-view.scale{opacity:1;z-index:100;gap:1rem;width:100%;height:100%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.open-skill-view{position:fixed;top:50%;left:50%;transform:translate(-50%,-70%)}.open-skill-view.scale{width:100vw;height:100dvh;transform:translate(-50%,-70%)}}
.open-trivia-view{opacity:0;z-index:-1;background-color:#0000;justify-content:center;align-items:center;width:10%;height:10%;transition:all .4s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.open-trivia-view.scale{opacity:1;z-index:100;background-color:#0000;gap:1rem;width:100%;height:100%;transform:translate(-50%,-50%)}@media screen and (max-width:768px){.open-trivia-view{position:fixed;top:50%;left:50%;transform:translate(-50%,-70%)}.open-trivia-view.scale{width:100vw;height:100dvh;transform:translate(-50%,-70%)}}