*{box-sizing:border-box;margin:0;padding:0}body{background:#fff}::selection{color:#000;background:#f7dd7d}::selection{color:#000;background:#f7dd7d}.highlight{color:#000;background:#f7dd7d;width:fit-content;padding:0 2px}.highlight-red{color:#000;background:#ffb7b7;width:fit-content}.dotted-background{background-color:#fff;background-image:radial-gradient(#ccd1d1 1px,#0000 1px);background-size:20px 20px}.parched-notebook{background-color:#fffdfa;background-image:radial-gradient(#00000026 1px,#0000 1px);background-size:25px 25px}.grid-paper{background-color:#fffdfa;background-image:linear-gradient(#e0d7c680 1px,#0000 1px),linear-gradient(90deg,#e0d7c680 1px,#0000 1px);background-size:24px 24px}*{scrollbar-width:thin;scrollbar-color:#000 transparent}::-webkit-scrollbar-thumb{background-color:#000}::-webkit-scrollbar-thumb:hover{background-color:#000}.double-text{color:#000;text-shadow:2px 0 #ffb7b7;font-size:24px;font-weight:700}select::-ms-expand{display:none}select{appearance:base-select}::picker(select){appearance:base-select}::picker(select){background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a}main{width:80%;max-width:1200px;margin:100px auto 0;font-family:Manrope,sans-serif;display:flex}main>div{width:100%}.navbar-container{z-index:1000;background-color:#fff;border-bottom:4px dotted #dbdce6;width:100%;position:fixed;top:0}.navbar{justify-content:space-between;align-items:center;margin:12px 100px;display:flex}.nav-name{color:#000;font-family:Manrope,sans-serif;font-size:24px;font-weight:700;text-decoration:none}.nav-links{gap:10px;display:flex}.nav-links a{color:#000;letter-spacing:1.2px;gap:6px;font-family:Manrope,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:flex}.nav-item{background:#fff;border:none;border-radius:.5rem;padding:8px 12px}.nav-item a:hover{color:#000;background:#e5ffd2}.nav-item:hover{background:#e5ffd2;font-weight:700}.nav-item.active{color:#000;background:#e5ffd2;border:2px dashed #000}.header-container{align-items:center;gap:200px;padding:0 20px;display:flex}.heading-leetbox{color:#000;background-image:linear-gradient(30deg,#ffe66d,#e5ffd2);border:4px solid #000;width:fit-content;padding:8px 16px;font-size:36px;rotate:-2deg;box-shadow:8px -8px #000}.sub-title p{padding-bottom:8px}h1{color:#333;margin-bottom:16px;font-size:18px}.sub-title{text-transform:capitalize;letter-spacing:1.2px;margin-top:3rem;padding-bottom:1rem;font-size:18px;font-weight:700}.home-header{margin-top:15px;margin-bottom:50px}.due-banner{color:#000;letter-spacing:1.2px;text-transform:capitalize;text-align:center;width:20rem;height:15rem;transform-style:preserve-3d;background-color:#ffb7b7;border:4px dashed #000;border-radius:20px;padding:30px 50px;font-weight:700;transition:rotate .3s;rotate:8deg}.due-banner:before{content:"";z-index:-1;background-color:#ffe8be;border:4px dashed #000;border-radius:20px;width:100%;height:100%;position:absolute;top:-10px;left:-10px;transform:translateZ(-1px)rotate(-15deg)}.due-banner:hover{rotate:0deg}.due-banner p{margin-top:15px;font-family:Gloria Hallelujah,cursive}.due-banner .date{margin-top:8px;font-family:Manrope,sans-serif;font-size:12px;rotate:-7deg;box-shadow:4px -4px #000}.leitner-boxes{justify-content:space-evenly;gap:20px;display:flex}.box-content{color:#000;background-color:#fffdfa;border:4px solid #000;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;font-size:10px;font-weight:700;display:flex;box-shadow:-8px 8px #000}.last-box{background-color:#e5ffd2;border:4px solid #000}.sub-heading{letter-spacing:1.2px;text-transform:uppercase;margin-bottom:24px;margin-left:20px;font-size:14px;font-weight:700}.due-banner .due-count{border-radius:50%;width:25px;height:25px;padding-top:0;display:inline-block}.due-box{background-color:#ffb7b7;border:4px solid #000}.box-label{margin-top:8px;font-family:Gloria Hallelujah,cursive;font-size:12px;font-weight:700}.box-count{color:#000;border-radius:4px;padding:4px;font-size:30px}.add-or-browse-section{justify-content:center;align-items:center;gap:20px;margin-top:40px;padding:20px;display:flex}.dashed-section{color:#000;border:4px dashed #dbdce6;border-radius:8px;width:100%;height:fit-content;padding:20px 40px;font-size:16px;font-weight:700;display:flex}.dashed-section span,.dashed-section span{font-family:Manrope,sans-serif;font-size:18px}.dashed-section p,.dashed-section p{color:#dbdce6;margin-top:-6px;font-family:Gloria Hallelujah,cursive;font-size:14px}.button-text{flex-direction:column;align-items:flex-start;display:flex}.dashed-section,.dashed-section{cursor:pointer;text-decoration:none}.icon{background:#e5ffd2;border:2px solid #000;border-radius:4px;width:2.5rem;height:2.5rem;margin-right:18px;padding:8px}.page-header-section{justify-content:space-between;margin-bottom:10px;display:flex}.page-header-section h1{color:#000;background-image:linear-gradient(30deg,#ffe66d,#e5ffd2);border:3px solid #000;width:fit-content;padding:8px 16px;font-size:24px;box-shadow:6px -6px #000}.header-right-content{letter-spacing:2px;justify-content:center;align-items:center;margin-right:12px;padding:10px;font-family:Gloria Hallelujah,san-serif;font-size:18px;display:flex}.progress-bar{background:#fff;border:2px solid #000;border-radius:20px;width:100%;height:5px;padding:5px 0;position:relative;overflow:hidden;box-shadow:0 4px #000}.progress-fill{background-image:linear-gradient(90deg,#ffb7b7,#ffe66d,#e5ffd2);height:100%;transition:width .4s cubic-bezier(.22,1,.36,1);position:absolute;top:0}.card-header{margin:20px}.flashcard-card-content{perspective:1000px;border-radius:20px;width:50rem;height:28rem;margin:0 auto 10px;position:relative}.card-flipper{width:100%;height:100%;transform-style:preserve-3d;border:2px solid #000;border-radius:20px;flex-direction:column;transition:transform .6s;display:flex;position:relative}.flashcard-card-content.flip .card-flipper{transform:rotateY(180deg)}.front-card,.back-card{backface-visibility:hidden;white-space:pre-wrap;word-break:break-word;border-radius:20px;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:absolute;top:0;left:0;overflow:hidden}.front-card{background-color:#fff;min-height:0;transform:rotateY(0)}.back-card{background-color:#fffdfa;background-image:radial-gradient(#00000026 1px,#0000 1px);background-size:25px 25px;min-height:0;transform:rotateY(180deg)}.card-scrollable-content{flex:1;min-height:0;padding:30px;overflow-y:auto}.flip-section{cursor:pointer;background:#f7dd7d;border-top:2px solid #000;border-bottom:2px solid #f7dd7d;border-bottom-right-radius:20px;border-bottom-left-radius:20px;align-items:center;gap:10px;padding:12px 20px;font-family:Gloria Hallelujah,sans-serif;font-weight:700;display:flex}.card-footer-ctas{justify-content:center;align-items:center;gap:20px;display:flex}.card-footer-ctas button{cursor:pointer;background-color:#f7dd7d;border:2px dashed #000;border-radius:20px;width:14rem;height:3rem;padding:0 15px;font-size:16px;font-weight:700;transition:all .3s}.card-footer-ctas button:hover{background-image:linear-gradient(60deg,#ffe66d,#e5ffd2)}.empty-state{text-transform:capitalize;flex-direction:column;justify-content:center;align-items:center;margin-top:5rem;font-family:Gloria Hallelujah,sans-serif;display:flex}.card-question,.card-solution{letter-spacing:1px;font-family:inter,sans-serif;font-size:16px}.card-question h1,.card-solution h1{text-transform:uppercase;border-bottom:4px solid #f7dd7d;width:fit-content}.card-solution{margin-top:10px}.quote{background-color:#fff;border:1px solid #f7dd7d;border-radius:10px;padding:10px}.card-question h2,.card-solution h2{text-transform:capitalize;border-left:4px solid #f7dd7d;width:fit-content;margin:15px 0;padding-left:10px;font-size:16px}.content-header{justify-content:space-between;margin-bottom:20px;font-weight:700;display:flex}.content-header.align-end{justify-content:flex-end}.tag-chip{text-transform:capitalize;background-color:#f7dd7d;border:2px solid #000;border-radius:20px;margin-right:10px;padding:5px 15px;display:inline-block}.date{letter-spacing:1.5px;margin-top:8px;padding:0 8px;font-family:Gloria Hallelujah;font-size:14px}.solution-header,.header-title{display:flex}.accordion{margin-bottom:20px}.accordion-header{border:2px solid #000;border-radius:20px;justify-content:space-between;align-items:center;height:5rem;padding:0 20px;display:flex;box-shadow:-4px -4px #ffe8be}.chevron:hover{cursor:pointer}.accordion-header-right{justify-content:flex-end;align-items:center;width:50%;display:flex}.accordion-header-left{align-items:center;width:80%;display:flex}.difficulty-chip{text-transform:capitalize;color:#000;border:2px solid #000;border-radius:16px;margin-right:20px;padding:5px 15px;font-family:Manrope,sans-serif;font-weight:700}.difficulty-chip.easy{background-color:#e5ffd2}.difficulty-chip.medium{background-color:#ffe8be}.difficulty-chip.hard{background-color:#ffb7b7}.accordion-content-container{border:2px solid #000;border-top:none;border-radius:0 0 20px 20px;max-height:0;padding-top:0;transition:max-height .3s;overflow:hidden}.accordion-content-container.content-open{max-height:400px;padding:12px;overflow-y:auto;box-shadow:0 -4px #000,-4px -4px #ffe8be}.accordion-content-container.content-open.due-content{box-shadow:0 -4px #000,-4px -4px #ffb7b7}.due-header{box-shadow:-4px -4px #ffb7b7}.accordion-content{white-space:pre-wrap;word-break:break-word;padding:12px 22px;overflow-y:auto}.header-open{border-bottom-right-radius:0;border-bottom-left-radius:0}.box-number{color:#f7dd7d;background-color:#000;margin-right:15px;padding:10px;font-size:14px;font-weight:700;box-shadow:-6px -6px #f7dd7d}.card-title{letter-spacing:1.2px;text-transform:uppercase;border-bottom:4px solid #f7dd7d;margin-right:10px;padding-bottom:5px;font-size:14px;font-weight:700}.header-icon{cursor:pointer;margin-left:10px}.header-icon.link:active{color:#26d98b}.header-icon.edit:active{color:#ffe66c}.header-icon.delete:active{color:#ff6b6b}.header-icon:visited,.header-icon:link{color:#000}.header-icon.link.disabled{color:gray;pointer-events:none;cursor:default;text-decoration:none}.due{color:#ff6b6b;letter-spacing:1px;margin-right:20px;font-family:Gloria Hallelujah}.modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:8px;width:30rem;padding:30px;font-family:Manrope,sans-serif}.modal h1{margin-bottom:24px;font-family:Gloria Hallelujah,san-serif;font-size:24px}.modal-footer{margin-top:24px}.modal-footer button{cursor:pointer;text-transform:capitalize;background-color:#f7dd7d;border:2px dashed #000;border-radius:20px;width:5rem;height:2.5rem;margin-right:10px;font-size:16px;font-weight:700;transition:all .3s}.modal-footer .delete{background-color:#ffb7b7}.modal-footer .delete:hover{background-image:linear-gradient(60deg,#ffb7b7,#e5ffd2)}.modal-footer button:hover{background-image:linear-gradient(60deg,#ffe66d,#e5ffd2)}.flashcard-container{margin-bottom:50px}.filter-and-search-container{border:4px dashed #dbdce6;border-radius:8px;justify-content:space-around;margin-bottom:30px;padding:20px;display:flex}.count-text{margin:0 8px;font-weight:700}.search-bar-section input,.filter-and-search-container select{border:2px solid #000;border-radius:10px;width:23rem;height:45px;padding:8px;font-size:16px;box-shadow:0 0 10px #f7dd7d}.filter-and-search-container select{text-transform:capitalize;width:10rem;margin-left:20px}.filter-and-search-container select:first-of-type{margin-left:0}.search-bar-section input:focus,.filter-and-search-container select{outline:none;box-shadow:0 0 10px #e5ffd2}.header-cta button{cursor:pointer;background-color:#f7dd7d;border:2px dashed #000;border-radius:20px;width:8rem;height:3rem;font-size:16px;font-weight:700;transition:all .3s}.header-cta button:not(.disabled):hover{background-image:linear-gradient(60deg,#ffe66d,#e5ffd2)}.header-cta .disabled{cursor:default;background-image:linear-gradient(60deg,#dbdce6,#e5ffd2)}.add-card-container{margin-bottom:50px}.add-card-form{color:#000;border:4px dashed #dbdce6;border-radius:8px;width:100%;height:fit-content;padding:20px 40px;font-size:16px;font-weight:700}.inline-form-group{justify-content:space-between;gap:2rem;display:flex}.inline-form-group .form-group{width:50%}.inline-form-group input,.inline-form-group select{width:100%}.form-group{margin-bottom:10px;padding:10px 0}.form-group label{margin-bottom:10px;font-family:Gloria Hallelujah;font-size:18px;display:block}form input,form select,form textarea{border:2px solid #000;border-radius:10px;width:30rem;height:45px;padding:8px;font-size:16px;box-shadow:0 0 10px #f7dd7d}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 10px #e5ffd2}form ::placeholder{color:#dbdce6;font-size:16px}form textarea{width:100%;height:10rem}.form-group span{color:#dbdce6}.add-card-container button{cursor:pointer;background-color:#f7dd7d;border:2px dashed #000;border-radius:20px;width:8rem;height:3rem;font-size:16px;font-weight:700;transition:all .3s}.add-card-container button:hover{background-image:linear-gradient(60deg,#ffe66d,#e5ffd2)}