*{box-sizing:border-box;margin:0;padding:0;font-family:roboto;font-weight:300;font-size:16px;color:var(--text)}:root{overflow:hidden;--fail-red: #e06666;--success-green: #93c47d;--easy-blue: #6fa8dc;--hard-orange: #f6b26b;--text-white: #eeeeee;--text-dark-grey: #222222;--text: hsl(240, 3%, 94%);--background: hsl(240, 17%, 2%);--primary: hsl(223, 32%, 73%);--secondary: hsl(222, 47%, 34%);--accent: hsl(223, 61%, 58%);--text-50: hsl(240, 4%, 95%);--text-100: hsl(240, 2%, 90%);--text-200: hsl(240, 4%, 80%);--text-300: hsl(240, 3%, 70%);--text-400: hsl(240, 3%, 60%);--text-500: hsl(240, 3%, 50%);--text-600: hsl(240, 3%, 40%);--text-700: hsl(240, 3%, 30%);--text-800: hsl(240, 4%, 20%);--text-900: hsl(240, 2%, 10%);--text-950: hsl(240, 4%, 5%);--background-50: hsl(240, 15%, 95%);--background-100: hsl(240, 18%, 90%);--background-200: hsl(240, 18%, 80%);--background-300: hsl(240, 18%, 70%);--background-400: hsl(240, 17%, 60%);--background-500: hsl(240, 17%, 50%);--background-600: hsl(240, 17%, 40%);--background-700: hsl(240, 18%, 30%);--background-800: hsl(240, 18%, 20%);--background-900: hsl(240, 18%, 10%);--background-950: hsl(240, 15%, 5%);--primary-50: hsl(225, 31%, 95%);--primary-100: hsl(222, 33%, 90%);--primary-200: hsl(223, 31%, 80%);--primary-300: hsl(223, 32%, 70%);--primary-400: hsl(223, 32%, 60%);--primary-500: hsl(223, 32%, 50%);--primary-600: hsl(223, 32%, 40%);--primary-700: hsl(223, 32%, 30%);--primary-800: hsl(223, 31%, 20%);--primary-900: hsl(222, 33%, 10%);--primary-950: hsl(225, 31%, 5%);--secondary-50: hsl(220, 46%, 95%);--secondary-100: hsl(222, 45%, 90%);--secondary-200: hsl(223, 47%, 80%);--secondary-300: hsl(222, 46%, 70%);--secondary-400: hsl(222, 47%, 60%);--secondary-500: hsl(222, 47%, 50%);--secondary-600: hsl(222, 47%, 40%);--secondary-700: hsl(222, 46%, 30%);--secondary-800: hsl(222, 47%, 20%);--secondary-900: hsl(222, 45%, 10%);--secondary-950: hsl(225, 46%, 5%);--accent-50: hsl(221, 62%, 95%);--accent-100: hsl(223, 61%, 90%);--accent-200: hsl(223, 61%, 80%);--accent-300: hsl(223, 61%, 70%);--accent-400: hsl(223, 61%, 60%);--accent-500: hsl(223, 61%, 50%);--accent-600: hsl(223, 61%, 40%);--accent-700: hsl(223, 61%, 30%);--accent-800: hsl(223, 61%, 20%);--accent-900: hsl(223, 61%, 10%);--accent-950: hsl(225, 62%, 5%)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{height:100%;width:100%;margin:auto;display:flex;justify-content:center;background-color:var(--background);overflow:hidden}.screen{text-align:center;width:60%;height:100%;display:flex;flex-flow:column;justify-content:start;gap:1rem;background-color:var(--background);color:var(--text)}@media only screen and (max-width: 900px){.screen{width:95%}}html,body{overflow-x:hidden}body{position:relative}.heading{width:100%;height:100%;text-align:center;display:grid;margin-block:auto;margin:auto}.center{display:grid;align-items:center;margin:auto}.left{display:grid;align-items:start;margin-right:auto}.start{display:grid;justify-content:start}hr{width:95%;height:1px;background-color:var(--text);border:none}.glow-button{border-color:var(--accent);background-color:var(--background);color:var(--text);cursor:pointer;border:1px solid var(--accent);box-shadow:0 0 5px var(--accent)}.glow-button:hover{background-color:var(--accent-900);box-shadow:0 0 20px var(--accent)}.button-grid-row{display:grid;grid-template-columns:1fr 2fr 1fr;gap:0px}.middle{width:30%;justify-self:auto;margin:auto}.button-container{display:flex;flex-direction:row;justify-content:space-between;margin:.5rem 0;width:100%}.button-section{grid-column-start:2;grid-area:"button-section";width:100%;align-self:center;margin-top:auto}.back-button{--back-button-color: #aaa;grid-area:"back-button";align-self:center;margin:.5rem;width:6rem;height:3rem;overflow:hidden;border-radius:.5rem;border-color:var(--text-500);border-width:1px;border-style:solid;background-color:var(--background);color:var(--text)}.back-button:hover{background-color:var(--text-500);color:var(--background)}.card{display:flex;flex-direction:column;align-items:center;justify-content:start;row-gap:2rem;width:100%;min-width:30rem;height:100%;overflow:scroll}@media only screen and (max-width: 900px){.card{min-width:0rem}}.kanji-info{display:flex;flex-direction:row;justify-content:space-between;align-items:start;column-gap:2rem;width:80%;max-width:600px}.modal-inner-container .kanji-info{width:90%}.readings-list-title{font-size:1.5rem;font-style:italic}.readings-list{justify-content:start;overflow-y:scroll;max-height:100%}.kanji-screen-grid{display:grid;grid-template-rows:4fr 1fr;gap:0px;height:100%}.flex-column{display:flex;justify-content:center;flex-direction:column}.flex-row{display:flex;justify-content:center;flex-direction:row}.error-page{font-size:3rem;color:var(--text)}.error-link{font-size:2rem;color:var(--text)}.error-message{width:15rem;height:7rem;font-size:1rem;background-color:var(--background);color:#000;position:fixed;bottom:2rem;right:2rem;display:flex;justify-content:center;align-items:center;border-radius:.5rem;box-shadow:0 4px 8px #050505;animation:1s cubic-bezier(.07,.49,0,.95) .1s 1 slideInFromBottom}@keyframes slideInFromBottom{0%{transform:translateY(200%)}to{transform:translateY(0)}}.error-message>p{text-align:center;color:tomato}button,.button{display:flex;justify-content:center;align-items:center;font-size:17px;font-weight:300;font-style:normal;text-decoration:none;text-align:center;height:2rem;border-radius:.3rem;background-color:var(--background);color:var(--text);border-color:var(--text);border-width:1px;border-style:solid;overflow:hidden}.solid-button{background-color:var(--secondary);border:none;font-weight:300;height:auto;width:100%}.solid-button:hover{box-shadow:0 0 10px var(--secondary-700);background-color:var(--secondary-600)}.accent-button{background-color:var(--accent-600)}.accent-button:hover{box-shadow:0 0 10px var(--accent-500);background-color:var(--accent-500)}.toast{position:absolute;width:90%;max-width:30rem;top:10%;right:0%;background-color:var(--background);border:1px solid var(--text-500);border-radius:.5rem;transform:translate(calc(100% + 20px));transition:all .5s cubic-bezier(.68,-.55,.25,1.35)}.toast.active{transform:translate(-10px)}.home-grid{width:100vw;height:100vh;display:grid;grid-template-rows:5rem auto;gap:0px;background-color:var(--background);color:var(--text);overflow:hidden}.home-header{height:5rem;color:var(--text);background-color:var(--background);display:grid;grid-template-columns:1fr 60% 1fr;gap:0px}@media only screen and (max-width: 900px){.home-header{display:grid;grid-template-columns:1fr 95% 1fr}}.header-middle{height:100%;grid-column-start:2;display:flex;border-bottom:1px solid #555}.header-buttons{display:flex;gap:5px;justify-content:right;margin-left:auto}.header-buttons>.button{position:relative;color:var(--text);width:6rem;height:70%;margin:auto 0 auto auto;border-color:var(--background)}.header-buttons .login-button{background-color:var(--secondary-700)}.header-buttons .sign-up-button{background-color:var(--primary);color:var(--background)}.logo{font-size:2.5rem;color:var(--text);font-weight:300;display:flex;align-items:center}.icon-container{height:100%;margin:0 10px;display:flex;align-items:center;justify-content:center;align-content:center;font-size:3rem}.inherit-color{background-color:inherit;color:inherit}.profile{color:var(--text);font-size:1rem}.right-align{width:100%;display:flex;justify-content:right;align-items:center}.modal-container{background-color:#00000080;width:100%;height:100%;z-index:0;top:0;left:0;position:absolute}.modal{max-width:90%;width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modal-inner-container{background-color:var(--background);border-radius:1rem;border:2px solid var(--accent);padding:.25rem;height:100%;width:100%}.close-button{outline:none;border:none;align-self:center;background-color:#0000}.dimmed{color:var(--text-500)}.switch{position:relative;display:inline-block;width:4rem;height:2rem;overflow:hidden;border-radius:2rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--background-700);-webkit-transition:.4s;transition:.4s;border-radius:2rem}.slider:before{position:absolute;content:"";height:1.5rem;width:1.5rem;left:.25rem;bottom:.25rem;background-color:var(--text);-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--success-green)}input:checked~.slider:before{-webkit-transform:translateX(2rem);-ms-transform:translateX(2rem);transform:translate(2rem)}.animated-slider-symbol{height:100%;width:1.5rem;line-height:2rem;font-size:1.125rem;position:absolute;text-align:center;-webkit-transition:.4s;transition:.4s;opacity:0%}.switch-on{left:-1.5rem}input:checked~.switch-on{-webkit-transform:translateX(2rem);-ms-transform:translateX(2rem);transform:translate(2rem);opacity:100%}.switch-off{left:4rem}input:not(:checked)~.switch-off{-webkit-transform:translateX(-2rem);-ms-transform:translateX(-2rem);transform:translate(-2rem);opacity:100%}.notification-bar-container{overflow:hidden;position:absolute;height:100vh;width:26rem;right:0;transition:right;transition-duration:.5s;transition-timing-function:ease-in-out}.notification-bar-container.is-hidden{right:-23rem}.notification-bar-container>button{display:inline-block;position:relative;color:var(--text-500);background-color:var(--background-800);height:3rem;width:3rem;border:none;margin:6rem 0 0;border-radius:20% 0% 0% 20%}.notification-bar{height:100vh;width:23rem;position:relative;background-color:var(--background-900);right:0;overflow-y:scroll;scroll-behavior:smooth}.notification-box{min-height:2rem;width:auto;border:1px solid var(--text-500);border-radius:.25rem;margin:.5rem;padding:.25rem;text-align:center;display:grid;align-items:center;text-wrap:wrap}.notification-box.error{border-color:var(--fail-red);color:var(--fail-red)}.notification-controls{margin:.5rem 0}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.lds-ring{color:var(--secondary)}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative;width:80px;height:80px;margin:0 auto;display:flex}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.review-button{flex-grow:1;width:fit-content;height:3rem;margin:0 .25rem;padding:0 .4rem;border-radius:.5rem;background-color:var(--background);color:var(--text-white);border-color:var(--text-white);border-width:1px;border-style:solid;overflow:hidden}.review-button.fail{border-color:var(--fail-red);color:var(--fail-red)}.review-button.fail:hover{background-color:var(--fail-red)}.review-button.hard{border-color:var(--hard-orange);color:var(--hard-orange)}.review-button.hard:hover{background-color:var(--hard-orange)}.review-button.pass{border-color:var(--success-green);color:var(--success-green)}.review-button.pass:hover{background-color:var(--success-green)}.review-button.easy{border-color:var(--easy-blue);color:var(--easy-blue)}.review-button.easy:hover{background-color:var(--easy-blue)}.review-button.neutral{border-color:var(--success-green);color:var(--success-green)}.review-button.neutral:hover{background-color:var(--success-green)}.review-button:hover{color:var(--background);background-color:var(--text-300)}.page-header{margin:0rem auto;height:4rem}.deck-container{overflow:scroll;height:200rem;flex-wrap:nowrap;justify-content:start;gap:1rem}.deck-header>.deck-buttons{margin:.25rem}.deck-card{border:2px solid var(--secondary);border-radius:.5rem;background-color:var(--background);margin:0rem auto;width:90%;max-width:35rem}.deck-header{display:grid;grid-template-columns:40% 60%;gap:0px;height:fit-content;margin:.18rem;justify-content:start}.deck-header>h2{height:3rem;width:90%;font-size:larger;color:var(--primary);overflow:hidden}.deck-buttons{gap:.37rem}.deck-preview{display:inline-block;width:95%;height:1rem;margin:.5rem;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap;white-space:nowrap}.description{text-align:start;margin-right:auto;font-weight:300;font-size:smaller;font-style:italic;color:var(--text-400)}.thin-line{background-color:var(--background-800)}.learn-button{margin:.5rem;width:50%;height:2rem}.kanji-container{margin:.5rem;flex-wrap:wrap;gap:.25rem;justify-content:start;overflow-y:scroll;max-height:20rem}.kanji-tile{width:fit-content;height:fit-content;border-radius:.5rem;border:1px solid var(--text-500);padding:.25rem}.vocab-results{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;align-items:start;padding:1rem;gap:.5rem}@media only screen and (max-width: 900px){.vocab-results{grid-template-columns:1fr 1fr}}.resultbox-header{font-size:1.5rem;font-style:italic}form{margin:auto;background-color:var(--background);border-radius:10px;width:600px}@media screen and (max-width:767px){form{width:100%}}h1{font-family:roboto;font-weight:300;color:var(--text);text-align:center;font-size:2rem}form>button{margin:2rem auto 1rem;height:2.5rem;width:30%}form>button:disabled{border:1px solid var(--background-800);color:var(--text-500);box-shadow:none;background-color:var(--background)}.formInput{display:flex;flex-direction:column;width:80%;margin:5px auto auto;margin-bottom:1rem;font-size:1rem;text-align:start;color:var(--text-300)}.formInput *{padding:3px}.formInput>label{font-size:1.2rem}.formInput>span{color:var(--fail-red);font-size:.8rem}input,textarea{width:auto;padding:inherit;border-radius:5px;background-color:var(--background);border:2px solid var(--secondary-900);font-size:1rem;color:var(--text-500)}input:focus{outline:1px solid var(--accent)}input:invalid~span{display:block}input:valid[isvalidated=true]{background-color:var(--accent-900);box-shadow:0 0 20px var(--success-green);border:1px solid var(--success-green);outline:none}.formInput>span{display:none}.formInput>ul{list-style-position:inside}.password-rule{font-size:.8rem;color:var(--text-400)}.password-rule[satisfies-rule=true]{font-size:.8rem;color:var(--success-green)}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/roboto-latin-300-normal-BizgZZ3y.woff2) format("woff2"),url(/assets/roboto-latin-300-normal-BZ6gvbSO.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:300;src:url(/assets/roboto-latin-300-italic-JZoWe35w.woff2) format("woff2"),url(/assets/roboto-latin-300-italic-eaXSZlGj.woff) format("woff")}.profile-page{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;padding:1rem;gap:.5rem}@media only screen and (max-width: 900px){.profile-page{grid-template-columns:1fr 1fr}}.button-tile{height:100%;width:100%}.deck-selector{border:1px solid var(--text-500);border-radius:.5rem;padding:1rem;column-gap:2rem;margin-bottom:1rem}