@font-face{font-family:IRANSans;src:url(/font/extrabold.woff2) format(woff2)}*{box-sizing:border-box;padding:0;margin:0;font-family:IRANSans}body{background-color:#00c8ff;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:15px}.app{background-color:#fff;width:700px;padding:40px;border-radius:15px}@media (max-width: 745px){.app{width:calc(100vw - 45px)}}.course{display:flex;flex-direction:column;gap:10px}.course h1{color:#3f3f3f;font-size:25px}.course hr{height:2px;border:none;background-color:#d3d3d3;margin-bottom:10px}.course button{background-color:#00c8ff;border:none;color:#fff;padding:15px;border-radius:10px;cursor:pointer}.header{display:flex;justify-content:space-between;align-items:center}.header button{padding:10px 30px;background-color:red}.arab{display:flex;justify-content:center;align-items:center;color:red;font-size:16px}.questions{display:flex;flex-direction:column;gap:30px}.question{display:flex;flex-direction:column;gap:5px}.question p:nth-child(1){color:red;font-size:18px}.question p:nth-child(2){color:#414141;font-size:14.5px}.question p:nth-child(2) span{color:#00f;font-size:14.5px}.quiz{display:flex;flex-direction:column;justify-content:center;gap:20px}.quiz textarea{resize:vertical;border:none;background-color:#f1f1f1;border-radius:10px;padding:20px;min-height:100px;max-height:300px}.quiz p:nth-child(2){background-color:#f1f1f1;padding:20px;border-radius:10px;color:red}.quiz .bt{display:flex;flex-direction:column;gap:10px}.quiz .bt button:nth-child(1){background-color:#0f0;cursor:pointer}.quiz .bt button:nth-child(2){background-color:#ffc800;cursor:pointer}.quiz .bt button:nth-child(3){background-color:red;cursor:pointer}.soal{color:gray;font-size:14px;text-align:center}.quizSuccess{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px}.can{color:#0f0}.to{color:orange}.cant{color:red}.btnn{width:100%;background-color:red!important}.btn{width:100%}.btnnn{width:100%;background-color:#0f0!important}