@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Quicksand",cursive}body{background-color:#121212;color:#fefefe}.app{width:100vw;overflow-x:hidden}.navigation-wrapper{width:100%;display:flex;justify-content:center;align-items:center;border-bottom:2px solid #232323}.navigation-wrapper .navigation{width:80%;margin:1rem 0;display:flex;justify-content:space-between;align-items:center}.navigation-wrapper .navigation a{text-decoration:none;color:#fefefe}.navigation-wrapper .navigation .logo{font-size:1.75rem}.navigation-wrapper .navigation .user-info{display:flex;justify-content:center;align-items:center}.navigation-wrapper .navigation .user-info .user-name{margin-right:1rem}.navigation-wrapper .navigation .user-info .user-name.link{cursor:pointer}.navigation-wrapper .navigation .user-info .user-name i{margin-right:.5rem}.navigation-wrapper .navigation .nav-btn{cursor:pointer;font-size:.9rem;padding:.5rem 1rem;border:none;border-radius:20px;transition:all .2s ease;color:#fff}.navigation-wrapper .navigation .log-in-btn{background-color:#1abb4b}.navigation-wrapper .navigation .log-in-btn:hover{background-color:#2c6b13}.navigation-wrapper .navigation .log-in-btn:active{outline:none}.navigation-wrapper .navigation .log-out-btn{background-color:#e9322b}.navigation-wrapper .navigation .log-out-btn:hover{background-color:#911712}.navigation-wrapper .navigation .nav-menu{display:flex;list-style-type:none}.navigation-wrapper .navigation .nav-menu .nav-item{padding:0 .75rem}.navigation-wrapper .navigation .nav-menu .active{text-decoration:underline}.langing-page-wrapper{width:100vw;min-height:500px;max-height:800px;display:flex;justify-content:center;align-items:center}.langing-page-wrapper .landing-page{width:80%;display:flex;justify-content:space-between;align-items:center}.langing-page-wrapper .landing-page .text-container{display:flex;flex-direction:column}.langing-page-wrapper .landing-page .text-container .main-text{margin:0;padding:0;font-size:2.25rem}.langing-page-wrapper .landing-page .text-container .sub-text{margin-top:1rem;color:#0a7dff}.quiz-creator-wrapper{width:100vw;display:flex;justify-content:center;align-items:center}.quiz-creator-wrapper .quiz-creator{width:80%;padding-top:2rem}.quiz-creator-wrapper .quiz-creator .quiz-list{margin-top:2rem;width:100%;height:500px;display:flex;flex-wrap:wrap;flex:1 1 auto}.quiz-creator-wrapper .quiz-creator .quiz-list .quiz-container{cursor:pointer;height:200px;text-align:center;background-color:#000;border:2px solid #343434;border-radius:25px;margin-left:2rem;padding:1rem;transition:all .15s ease}.quiz-creator-wrapper .quiz-creator .quiz-list .quiz-container .quiz-name{font-size:1.75rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin:0 1rem 1.5rem}.quiz-creator-wrapper .quiz-creator .quiz-list .quiz-container:first-child{margin:0}.quiz-creator-wrapper .quiz-creator .quiz-list .quiz-container:hover{background-color:#232323}.add-quiz-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.add-quiz-wrapper .add-quiz-form{width:40%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.add-quiz-wrapper .add-quiz-form .question{width:100%;margin:20px 0}.add-quiz-wrapper .add-quiz-form .question .options ul li{list-style:none}.add-quiz-wrapper .add-quiz-form label{font-weight:600;font-size:1.1rem;margin:.5rem 0}.add-quiz-wrapper .add-quiz-form input{width:100%;outline:none;padding:.5rem;border:2px solid #000;border-radius:5px;background-color:#232323;color:#fefefe}.add-quiz-wrapper .add-quiz-form input:focus{border-bottom:2px solid #00f}.add-quiz-wrapper .add-quiz-form .question-number-indicator{color:red}.add-quiz-wrapper .add-quiz-form .form-buttons{width:100%;display:flex;align-items:center;justify-content:center;grid-gap:25px;gap:25px;padding:25px}.add-quiz-wrapper .add-quiz-form .form-buttons .quiz-btn{cursor:pointer;font-size:1rem;padding:.5rem 1.5rem;border:none;border-radius:25px;outline:none}.add-quiz-wrapper .add-quiz-form .form-buttons .create-quiz-btn{background-color:#1abb4b;color:#fff}.add-quiz-wrapper .add-quiz-form .form-buttons .create-quiz-btn:hover{background-color:#2c6b13}.single-quiz{width:100%;display:flex;justify-content:center}.single-quiz .quiz-section{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.single-quiz .quiz-section .quiz-title{margin:1rem 0}.single-quiz .quiz-section .question-number-indicator{font-size:1.25rem;color:#aaa}.single-quiz .quiz-section .submit-btn{cursor:pointer;margin-top:1rem;outline:none;border:none;padding:15px 50px;background-color:#1abb4b;color:#fff;font-size:1rem;border-radius:20px}.single-quiz .quiz-section .submit-btn:hover{background-color:#2c6b13}.single-quiz .quiz-section .quiz-content{display:flex;flex-direction:column}.single-quiz .quiz-section .quiz-content .quiz-question{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-gap:10px;gap:10px}.single-quiz .quiz-section .quiz-content .quiz-question .quiz-question-title{margin:1rem 0}.single-quiz .quiz-section .quiz-content .quiz-question .question-list{width:100%;display:flex;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem}.single-quiz .quiz-section .quiz-content .quiz-question .question-answer{color:red;list-style:none;padding:15px;border:2px solid #fff;border-radius:15px;cursor:pointer}.single-quiz .quiz-section .quiz-content .quiz-question .question-answer:hover{background-color:#fff;color:#000;transition:all .2s ease}.single-quiz .buttons{margin-top:1rem;display:flex}.single-quiz .buttons .navigation-btn{cursor:pointer;font-size:1.2rem;height:40px;width:40px;padding:.5rem;border:none;outline:none;border-radius:25px;transition:all .15s ease}.single-quiz .buttons .navigation-btn:hover{background-color:#134ce9;color:#fff}.single-quiz .buttons .navigation-btn:focus{outline:none}.single-quiz .buttons .navigation-btn:last-child{margin-left:1rem}.user-profile{min-height:80vh}.user-profile,.user-profile .user-info{display:flex;align-items:center;justify-content:center}.user-profile .user-info{flex-direction:column;grid-gap:25px;gap:25px}.user-profile .user-info button{padding:15px 30px;outline:none;border:none;background-color:#e9322b;border-radius:15px;color:#fff}
/*# sourceMappingURL=main.34b95e37.chunk.css.map */