:root{--light-color: 222, 250, 222;--dark-color: 36, 36, 36;--theme-light-color: 157, 200, 144;--theme-dark-color: 47, 112, 66;--font: "Andale Mono", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif}body{margin:0;padding:0;background-color:rgb(var(--dark-color))}.home-login{display:flex;flex-direction:column;margin:5vh;gap:3vh;align-items:center}.input{width:25vw;font-family:var(--font);font-size:2rem;text-align:center;border:1px solid rgb(var(--dark-color));border-radius:5px;background-color:rgb(var(--light-color))}.input:focus{outline:3px solid rgb(var(--theme-dark-color))}.image{height:100%}#header{width:100%;height:8vh;padding:.5vh;box-sizing:border-box;background-color:rgb(var(--light-color));display:flex;justify-content:space-between;align-items:center}.header-side{display:flex;align-items:center;gap:1vh;margin-right:2vh}.header-logo{height:7vh}.header-title{font-size:5vh}.header-account{border:1px solid rgb(var(--dark-color));border-radius:4px;padding:.8vh;margin:1vh;font-size:2vh}p{padding:0;margin:0;font-family:var(--font)}.text-arabic{margin:.8vh;font-size:4vh}.text-arabic-latin{font-style:italic}.text-emoji{text-align:center;font-size:3vh}.text-arabic-latin-silent-suffix{font-size:1vh}a{text-decoration:none;color:inherit}.link-dynamic:hover{font-weight:700;text-decoration:underline}.button{border:1px solid rgb(var(--dark-color));border-radius:4px;font-size:1rem;cursor:pointer;padding:.8vh;width:10vw;font-size:2vh}.button:hover{filter:brightness(.8)}.page-body{color:rgb(var(--light-color));margin:3vh;display:flex;flex-direction:column;gap:3vh}audio{width:100%}.quiz-box{width:100%;display:flex;justify-content:center}.quiz{width:50vw;background-color:rgb(var(--theme-dark-color));padding:3vh;border:1px solid rgb(var(--dark-color));border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:2vh}.quiz-result{display:flex;flex-direction:column;align-items:center}.quiz-result-positive{color:#52d6f0}.quiz-result-negative{color:#f86969}.quiz-note-delay{display:flex;align-items:center;font-size:.6rem;font-style:italic}.lesson-image{height:70vh;text-align:center}.lesson-take-button{display:flex;justify-content:center}.title{font-size:3rem;width:100%;text-align:center}