@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap";.App{width:550px;min-height:200px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:8px}.App header,.App .content{padding:15px}.App header{border-bottom:1px solid rgba(255,255,255,.1);display:flex;flex-direction:row;justify-content:space-between;align-items:center}.App header h1{font-size:26px}.App header p{font-size:16px;margin-top:5px}.App .content h2.question{font-size:18px}.App .content .buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.App .content .buttons .answer{width:calc(50% - 10px);outline:none;border:1px solid rgba(255,255,255,.1);font-family:Rubik,sans-serif;background-color:transparent;color:#fff;cursor:pointer;border-radius:8px;padding:16px;font-size:17px;transition:.3s}.App .content .buttons .answer:hover{background-color:#ffffff1a}.App .content .buttons .active{border:1px solid rgb(247,68,127);color:#f7447f}.App .content .buttons .active:hover{background-color:transparent}a{color:#f7447f}hr{height:1px;margin:15px 0;border:0;background-color:#ffffff1a}.center{width:100%;margin-top:15px;display:grid;place-content:center}.submit{outline:none;border:1px solid rgba(255,255,255,.1);font-family:Rubik,sans-serif;background-color:transparent;color:#fff;cursor:pointer;border-radius:8px;padding:10px 13px;font-size:15px;transition:.4s}.submit:hover{background-color:#ffffff1a}.submit:disabled{cursor:not-allowed;color:#ffffff1a}.submit:disabled:hover{background-color:transparent}.not_quiz{width:100%;height:100%;display:grid;place-items:center}.not_quiz button{padding:13px 20px;outline:none;font-size:16px;margin-top:10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:transparent;color:#fff;transition:.3s;cursor:pointer}.not_quiz button:hover{background-color:#ffffff1a}*{margin:0;padding:0;box-sizing:border-box;font-family:Rubik,sans-serif}body{background-color:#0a0a0a;color:#fff;height:100vh;width:100%;display:grid;place-content:center}a{text-decoration:none}.github_icon{position:absolute;bottom:0;right:0;margin:30px}.github_icon i{font-size:40px;color:#ffffff4d;cursor:pointer;transition:.3s}.github_icon i:hover{color:#ffffffb3;transform:scale(1.1)}
