*{margin:0;padding:0;box-sizing:border-box}body{background-color:#2d3347;color:#d1d5db;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;overscroll-behavior:none}.bg-darkGrey{background-color:#2d3347}.bg-darkGreyLight{background-color:#3a4155}.bg-purple{background-color:#7c3aed}.bg-purpleSoft{background-color:#a78bfa}.text-darkGrey{color:#2d3347}.text-lightGrey{color:#d1d5db}.text-purple{color:#7c3aed}.text-purpleSoft{color:#a78bfa}.border-purple{border-color:#7c3aed}.p-4{padding:1rem}.p-6{padding:1.5rem}.pt-24{padding-top:6rem}.pb-16{padding-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mr-2{margin-right:.5rem}.min-h-screen{min-height:100vh}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.max-w-xl{max-width:42rem}.w-full{width:100%}.text-center{text-align:center}.bg-gradient-to-b{background:linear-gradient(to bottom,#a78bfa,#7c3aed)}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.rounded-lg{border-radius:1rem}.shadow-lg{box-shadow:0 10px 20px #0003}.border{border-width:1px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.nav-bar{position:fixed;bottom:0;left:0;right:0;background-color:#3a4155;box-shadow:0 -2px 10px #0000004d;display:flex;justify-content:space-around;padding:1rem 0;z-index:1000}.nav-item{display:flex;flex-direction:column;align-items:center;color:#d1d5db;font-size:.75rem;text-align:center;padding:.5rem;cursor:pointer;transition:all .3s ease-in-out}.nav-item.active{color:#7c3aed}.nav-item svg{width:1.5rem;height:1.5rem;margin-bottom:.25rem}.modal-overlay{position:fixed;inset:0;background-color:#2d3347b3;z-index:999;display:flex;align-items:flex-start;justify-content:center}.modal{background-color:#3a4155;border-radius:1rem;padding:1.5rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 10px #0000004d;position:relative;z-index:1000;transform:translateY(0)}@media (max-width: 640px){.modal{width:100%;height:70vh;max-height:70vh;border-radius:0;position:fixed;top:30vh;left:0;margin:0;overflow-y:auto}.modal:before{display:none}.modal .close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#7c3aed;cursor:pointer;padding:.5rem}.modal .close-button:hover{color:#a78bfa}}.quiz-option{padding:1rem;display:flex;flex-direction:row;align-items:center}.h-2\.5{height:.625rem}.rounded-full{border-radius:9999px}.line-through{text-decoration:line-through}button:hover{filter:brightness(90%)}input{transition:all .3s ease-in-out}input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed33}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:w-2\/3{width:66.666667%}.lg\:w-1\/3{width:33.333333%}.lg\:flex-row{flex-direction:row}}