html,body{height:100%;margin:0}body{background-image:linear-gradient(#d8c7ff,#19006c);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;font-family:Roboto,sans-serif}html,body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@supports (-webkit-touch-callout: none){.container{max-width:100%;width:95%}}@supports (-webkit-appearance:none) and (not (-webkit-touch-callout:none)){body{position:relative;width:100%}}*{font-family:Poppins,sans-serif}.container{width:55rem;margin:100px auto auto;padding:20px;background:#fff;color:#262626;border:5px solid rgb(238,235,235);display:flex;flex-direction:column;gap:20px;border-radius:20px}h1{padding:20px;margin-top:30px;font-size:3em;text-align:center}h2{font-size:2em;font-weight:600;text-align:center;text-wrap:wrap}li{max-height:100%;margin:20px auto;padding:1.4rem;width:40rem;list-style-type:none;font-size:1.6rem;font-weight:600;border:1px solid black;border-radius:10px;text-align:center;cursor:pointer;text-wrap:wrap}li:hover{scale:1.01;box-shadow:2px 2px 2px 2px #151515;transition:.5s}.btn{padding:16px;margin:10px auto;width:200px;font-size:1.5em;font-weight:500;border-radius:10px;background:#000;color:#fff4f4;cursor:pointer;transition:.5s}.btn:hover{scale:1.1;background:#19006c;color:#fff;box-shadow:2px 2px 2px 2px #d6d6d6;transition:.5s}hr{width:34rem;margin:20px auto;border:1px solid #19006c;border-radius:10px}.index{font-size:2em;text-align:center;margin-top:20px;font-weight:900}.correct{background:#8ef68e;color:#000;transition:1s}.wrong{background:#f63e3ed0;color:#000;transition:1s}pre{font-size:1.5em;font-weight:600;text-align:center;margin-top:20px;margin-bottom:20px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.container,h1,h2,li,.btn{will-change:transform;backface-visibility:hidden}@media (prefers-color-scheme: dark){body{background-color:#121212}.container{background:#262626;color:#e0e0e0;border-color:#333}li{border-color:#444;color:#e0e0e0}.correct{background:#51fa51ad;color:#fff}.wrong{background:#fc2929cc;color:#fff}}.container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}a,button,.btn,li,input,select,textarea{touch-action:manipulation}@supports (padding: env(safe-area-inset-top)){.container{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}}.btn:active,li:active{transform:scale(.98);transition:transform .1s}@media screen and (max-width: 480px){.container{font-size:10px;width:85%;margin:2rem auto;padding:10px;border-width:3px;border-radius:12px}h1{margin:.2em 0;font-size:2em;padding:8px 5px}h2{font-size:1.5em;margin:1px 0}li{font-size:.7rem;padding:.8em;margin:1em -5px;width:85%;font-weight:600;border:1px solid black;border-radius:.6em;text-align:center;cursor:pointer;text-wrap:wrap}li:last-child{margin-bottom:0}.btn{width:140px;font-size:1.1em;padding:1em}.index{font-size:1.3em;margin:0 auto}hr{width:70%;margin:0 auto}}