body{margin:0;color:#fff}.empty{border:none;outline:none;background-color:transparent}.app-container{display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:sans-serif,Arial;background-image:url(/pictures/1965-shelby-cobra-427-.jpg);background-size:cover;background-position:center;width:100vw;height:100vh;margin:0;overflow:hidden}.nav-holder{width:100vw;padding:10px 0;background-color:#36454f4d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;display:flex;flex-direction:column;align-items:center;gap:10px}.nav-buttons{display:flex;gap:15px}.nav-button{border:none;padding-top:40px;background-color:transparent;font-size:1em;color:#fff;position:relative;cursor:pointer}.nav-button:after{content:"";background-color:#fff;height:2px;width:0%;position:absolute;bottom:0;left:0;transition:width .3s}.nav-button:hover:after{width:100%}.linkclean{color:#fff;text-decoration:none}.creator{margin-top:10px;font-size:.95rem;font-style:italic;color:#e0e0e0;text-align:center;-webkit-user-select:none;user-select:none;width:100%;padding:0 20px;box-sizing:border-box}.title{font-size:1.8rem;font-weight:700;color:#fff;margin:0;-webkit-user-select:none;user-select:none;white-space:nowrap}.chose-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;gap:15px}.chose-player{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100vw;height:50vh;justify-content:start;overflow-y:auto;padding:10px;gap:5px}.chose-player{overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.5) transparent}.chose-player::-webkit-scrollbar{width:10px;height:10px}.chose-player::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:10px}.chose-player::-webkit-scrollbar-track{background-color:transparent}.chose-holder{display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;text-align:center;padding:25px 10px;background-color:#36454f4d;background-position:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chose-start{margin-bottom:20px;width:100px;height:30px;border-radius:5px;font-weight:700;cursor:pointer;border:none;transition:box-shadow .3s;background-color:#00ff9d}.chose-start:hover{box-shadow:0 0 20px #03df03}.learn-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.learn-holder{background-color:#3e60774d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);max-width:600px;min-width:300px;max-height:600px;min-height:100px;padding:10px;border-radius:20px}@media (max-width: 600px){.learn-img,.sign-image,.test-image{max-width:90vw;max-height:60vh;width:auto;height:auto}}.learn-prev{border:none;width:100px;height:30px;border-radius:5px;background-color:#ffff84;font-weight:700;cursor:pointer;transition:box-shadow .3s}.learn-prev:hover{box-shadow:0 0 20px #ff0}.learn-button-holder{padding:10px 5px;display:flex;justify-content:space-between;text-align:center}.learn-p{padding:0 10px}.learn-data{text-align:center}.learn-img{border-radius:20px;align-items:center;width:400px;max-height:300px}.sign-image{max-width:400px;max-height:400px}.test-image{border-radius:10px;max-width:400px;max-height:400px}.sign-holder{background-color:#80808033;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;min-width:250px;max-width:500px;max-height:500px;align-items:center;display:flex;flex-direction:column;padding:10px}.test-holder{background-color:#80808033;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:10px;align-items:center;display:flex;flex-direction:column;padding:10px}.sign-next{display:flex;width:100%;justify-content:space-between}.sign-answer{display:flex;gap:10px;justify-content:space-evenly;flex-wrap:wrap}.sign-button{border:none;border-radius:10px;background-color:azure;width:200px;height:50px;cursor:pointer}.sign-question{text-align:center}.final{padding:0;margin-top:0}.retry{border:none;border-radius:5px;width:100px;height:20px;background-color:#00f;color:#fff}.retry:hover{box-shadow:0 0 20px #00f;font-weight:bolder;cursor:pointer;transition:box-shadow .6s,font-weight .6s}.Test-button{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.test-button{border-radius:5px;border:none;padding:5px 10px;min-width:80px;max-width:90vw;height:auto;word-wrap:break-word;text-align:center;cursor:pointer;box-sizing:border-box}.test-next{display:flex;padding:10px;width:100%;justify-content:space-between}.linkclean{text-decoration:none;color:#fff}.linkcleantwo{text-decoration:none;color:#000}
