*{box-sizing:border-box}:root{--background-color: rgb(47, 51, 69);--primary-color: rgb(25, 29, 34);--secondary-color: rgb(87, 112, 150);--secondary-color-hover: rgb(66, 86, 115);--text-color: rgb(241, 241, 241);--primary-text-color: rgb(0, 195, 255);--secondary-text-color: rgb(161, 195, 210);--error-color: rgb(255, 68, 68);--box-shadow: 0 0 20px 0px rgba(0, 0, 0, .184);--primary-button-color: rgb(0, 170, 221);--primary-button-color-hover: rgb(0, 136, 177);color-scheme:dark}body{width:100%;min-height:100vh;margin:0;background-color:var(--background-color);color:var(--text-color);font-family:Arial}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 20px 20px;position:relative}a{color:var(--primary-text-color);text-decoration:none}button{font-size:1rem}.deck h1{margin:0;width:100%;height:100%}.login-section{display:flex;flex-direction:column;background-color:var(--primary-color);border-radius:10px;padding:30px;width:300px;height:400px;box-shadow:var(--box-shadow)}.login-section form{display:flex;flex-direction:column;row-gap:5px}.login-section input{margin-bottom:20px;background-color:var(--background-color);border-radius:5px;border:0;color:var(--text-color);height:30px;padding:0 8px}.login-section button{background-color:var(--primary-button-color);color:#fff;font-weight:700;height:30px;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619);transition:transform .4s cubic-bezier(0,1.05,.42,1)}.login-section button:active{transform:scale(.95)}.login-section button:hover{background-color:var(--primary-button-color-hover)}.login-button-pressed{background-color:var(--secondary-color-hover)!important;pointer-events:none}#password{font-size:1.5rem}.login-section label{color:var(--secondary-text-color)}.username-password-inputs{display:flex;flex-direction:column}.auth-error-text{color:#f44;margin-bottom:10px;margin-top:0}.message-box{background-color:var(--primary-color);padding:20px;border-radius:10px;font-size:1.2rem;box-shadow:var(--box-shadow);display:flex;align-items:center;flex-direction:column}.message-box a{background-color:var(--primary-button-color);color:#fff;font-weight:700;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619);padding:10px}.deck{position:relative;background-color:var(--primary-color);width:250px;min-height:150px;border-radius:10px;padding:17px 10px 10px;box-shadow:var(--box-shadow);transition:box-shadow .5s cubic-bezier(0,1.05,.42,1)}.deck:hover{box-shadow:0 0 20px #ffffff4e}.decks-container{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.card-list-item{position:relative;background-color:var(--primary-color);width:100%;max-width:2000px;border-radius:10px;margin-bottom:30px;display:flex;align-items:center;padding-top:30px;padding-bottom:30px;white-space:pre-line}.card-list-item:last-of-type{margin-bottom:80px}.card-list-item-text:last-of-type{border-left:2px solid var(--secondary-color)}.card-list-item-text{width:50%;text-align:center;padding-right:30px;padding-left:30px}.practice-card{position:relative;background-color:var(--primary-color);width:100%;max-width:700px;min-height:350px;border-radius:10px;margin-bottom:20px;color:#fff;box-shadow:var(--box-shadow);padding:20px;cursor:pointer;border:0;white-space:pre-line;font-size:1.5rem}.practice-cards-container{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:20px}.card-side-label{position:absolute;top:20px;left:20px;color:var(--secondary-text-color);margin:0;font-size:1rem}.practice-card-index{position:absolute;top:20px;right:20px;color:var(--secondary-text-color);margin:0;font-size:1rem}.next-prev-buttons{display:flex;gap:10px;margin-bottom:30px}.next-prev-buttons button{background-color:var(--primary-button-color);color:#fff;font-weight:700;height:30px;width:80px;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619)}.next-prev-buttons button:hover{background-color:var(--primary-button-color-hover)}.cards-length{color:var(--secondary-text-color)}.deck-option-buttons-container{display:flex;gap:10px;margin-bottom:20px}.deck-option-buttons-container a,.deck-option-buttons-container button{background-color:var(--secondary-color);color:#fff;font-weight:700;font-size:1rem;text-align:center;height:30px;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619);display:flex;align-items:center;padding:10px}.deck-option-buttons-container a:hover,.deck-option-buttons-container button:hover{background-color:var(--secondary-color-hover)}.gray-overlay,.new-deck-modal-container,.edit-card-modal-container{z-index:100;position:fixed;background-color:#2f334548;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;top:0;left:0}.new-deck-modal{z-index:101;position:fixed;background-color:var(--primary-color);width:400px;height:210px;box-shadow:var(--box-shadow);display:flex;flex-direction:column;padding:20px;border-radius:10px}.new-deck-modal h1{margin-top:10px;margin-bottom:15px;display:block;height:40px}.confirm-new-deck-btn{width:120px;height:30px;background-color:var(--primary-button-color);color:#fff;font-weight:700;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619);position:absolute;bottom:20px;right:50%;transform:translate(50%)}.confirm-new-deck-btn:hover{background-color:var(--primary-button-color-hover)}.confirm-rename-deck-btn{width:120px;height:30px;background-color:var(--primary-button-color);color:#fff;font-weight:700;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619);position:absolute;bottom:20px;right:50%;transform:translate(50%)}.confirm-rename-deck-btn:hover{background-color:var(--primary-button-color-hover)}.close-modal-btn{position:absolute;right:20px;top:20px;width:60px;height:30px;background-color:var(--secondary-color);color:#fff;font-weight:700;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619)}.close-modal-btn:hover{background-color:var(--secondary-color-hover)}.new-deck-modal form{display:flex;flex-direction:column}.new-deck-modal label{color:var(--secondary-text-color);margin-bottom:5px}.new-deck-modal input{margin-bottom:20px;background-color:var(--background-color);border-radius:5px;border:0;color:var(--text-color);height:30px;font-size:1rem;padding:0 10px}.edit-card-buttons-container{position:absolute;display:flex;gap:5px;flex-direction:row;top:20px;right:20px;align-items:end}.edit-card-buttons-container button{background-color:var(--secondary-color);color:#fff;font-size:1rem;text-align:center;height:30px;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619);display:flex;align-items:center;padding:10px}.edit-card-buttons-container button:hover{background-color:var(--secondary-color-hover)}.edit-card-modal{z-index:101;position:absolute;background-color:var(--primary-color);width:80%;height:460px;display:flex;flex-direction:column;padding:20px;border-radius:10px;box-shadow:var(--box-shadow)}.edit-card-modal label{margin-bottom:10px}.edit-card-modal form{display:flex;gap:50px}.edit-card-modal div{display:flex;flex-direction:column;width:50%;height:290px}.edit-card-modal button{background-color:var(--primary-button-color);color:#fff;font-weight:700;height:30px;width:80px;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619)}.edit-card-modal button:hover{background-color:var(--primary-button-color-hover)}.edit-card-save-btn{position:absolute;bottom:20px;right:50%;transform:translate(-10%)}.edit-card-cancel-btn{background-color:var(--secondary-color)!important;position:absolute;bottom:20px;left:50%;transform:translate(10%)}.edit-card-cancel-btn:hover{background-color:var(--secondary-color-hover)!important}.deck-overflow-menu-btn{position:absolute;bottom:10px;right:10px;background-color:var(--secondary-color);color:#fff;font-weight:700;height:30px;width:30px;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619)}.deck-overflow-menu-btn:hover{background-color:var(--secondary-color-hover)}.deck-overflow-menu{background-color:var(--secondary-color);display:flex;flex-direction:column;position:absolute;bottom:35px;right:10px;border-radius:10px 10px 0;overflow:hidden}.deck-overflow-menu button{background-color:var(--secondary-color);color:#fff;font-weight:700;height:30px;width:80px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619)}.deck-overflow-menu button:hover{background-color:var(--secondary-color-hover)}.invisible-overlay,.new-deck-modal-container{position:fixed;width:100vw;height:100vh;top:0;left:0}.new-deck-btn{background-color:var(--primary-button-color);color:#fff;font-weight:700;font-size:2rem;height:40px;width:40px;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619);transition:transform .4s cubic-bezier(0,1.05,.42,1)}.new-deck-btn:hover{background-color:var(--primary-button-color-hover);transform:scale(1.1)}.dashboard-container{width:100%;display:flex;flex-direction:column;align-items:center}.dashboard-header{display:flex;align-items:center;gap:20px}.add-cards-container{position:relative;background-color:var(--primary-color);width:100%;max-width:2000px;min-height:400px;border-radius:10px;margin-bottom:50px;margin-top:20px;color:#fff;padding:40px 20px 20px;box-shadow:var(--box-shadow)}.add-cards-container form{display:flex;gap:50px}.add-cards-container div{display:flex;flex-direction:column;width:50%;height:290px}.add-cards-container button{background-color:var(--primary-button-color);color:#fff;font-weight:700;height:30px;width:80px;border-radius:5px;border:0;cursor:pointer;text-shadow:0px 0px 7px rgba(0,0,0,.619);position:absolute;bottom:20px;right:50%;transform:translate(50%);transition:transform .4s cubic-bezier(0,1.05,.42,1)}.add-cards-container button:hover{background-color:var(--primary-button-color-hover);transform:scale(1.05) translate(50%)}.add-cards-container label{color:var(--secondary-text-color);margin-bottom:10px}textarea{background-color:var(--background-color);color:var(--text-color);border:0;border-radius:10px;height:100%;font-family:arial;resize:none;padding:20px;font-size:1.2rem}.deck-title{margin-top:60px}nav{background-color:var(--primary-color);width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;padding:0 40px;box-shadow:var(--box-shadow)}nav p{color:var(--secondary-text-color);cursor:pointer}nav p:hover{color:var(--text-color)}nav b{color:var(--text-color);height:100%}nav b:hover{color:var(--primary-text-color)}nav .deck-overflow-menu{position:fixed;top:43px;bottom:615px;right:45px;border-radius:5px}footer{background-color:var(--primary-color);width:100%;height:30px;display:flex;align-items:center;justify-content:space-between;color:var(--secondary-text-color);font-size:.8rem;position:absolute;bottom:0;left:0;padding:0 30px}.no-cards-msg{margin-bottom:70px}.back-btn{height:30px;background-color:var(--secondary-color);color:#fff;font-weight:700;border-radius:5px;text-shadow:0px 0px 7px rgba(0,0,0,.619);padding:10px;position:absolute;top:80px;left:30px;display:flex;align-items:center}.back-btn:hover{background-color:var(--secondary-color-hover)}