#navbar{position:absolute;top:.7vh;left:1.3vw;display:flex;flex-direction:row;justify-content:flex-start;align-content:flex-start;gap:2vw}a{text-decoration:none}#outlet{position:relative;top:10vh;display:flex;flex-direction:row;justify-content:center}.link{color:#008b8b;cursor:pointer;border:1px solid transparent;border-radius:10px;padding:1.5vh;font-size:2.5vh}.link:hover{border-color:#008b8b}#credentials_input{display:flex;flex-direction:column;align-items:center;gap:1vw}h1{font-size:12vw}h2{font-size:10vw;margin-bottom:.5vw}.cred-input{width:30vw;height:3vw;font-size:1.7vw;text-align:center}button{width:8vw;height:4vw;margin-top:2vw;border-radius:15px;outline:1px solid #9fa9a3;background-color:#c5d5c5;transition:.3s ease;font-size:1.7vw}button:hover{cursor:pointer;background-color:#9fa9a3;font-size:2vw}#checkbox-text{margin-left:.5vw;color:#515c52;font-size:1.3vw}.required{border:1px solid red}@font-face{font-family:montserrat;src:url(../../Montserrat-Regular.ttf)}.main-home{text-align:center;padding-bottom:3vw;width:75%}#flexbox{display:flex;flex-direction:column;justify-content:center;align-content:center;align-items:stretch;gap:.7vw;text-align:center;width:30vw;transition:width 1s ease}#flexbox.slid{width:10vw}h1{font-size:2.5vw}h2{font-size:2vw}.explanation{display:flex;flex-direction:column;align-content:start;gap:.5vw;font-size:1.5vw}#home-flex{display:grid;height:60vw;width:100%;grid-template-columns:2.5% 45% 5% 45% 2.5%;margin-top:2vw;text-align:center;background-color:#dcf2df;border-radius:20px}#home-flex img{transition:transform .3s ease}#home-flex img:hover{transform:translateY(-10px);cursor:pointer}.home-text{font-size:1.5vw;margin-bottom:2vw;margin-top:2vw}.display-img{border:1px solid black;border-radius:20px;padding:3vw;background-color:#fff}.img-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.container{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.content{display:flex;flex-direction:row;width:100vw;transition:width 1s ease;justify-content:center;align-items:center;align-content:center}.content.slid{width:10vw}.outlet{width:90vw;transition:width 1s ease}.outlet.unslid{width:0vw}.special-button{width:100%;border-radius:20px;display:flex;flex-direction:column;text-wrap:wrap;padding:1.5vw;justify-content:center;cursor:pointer;text-align:center;transition:all .3s ease}.special-button:hover{transform:translateY(-5px);box-shadow:0 12px 16px #0000003d,0 17px 50px #00000030}#title{font-size:2vw}#description{margin-top:20px;font-size:20px}@keyframes turnGreen{0%{background-color:#f0f0f0}to{background-color:green}}@keyframes turnRed{0%{background-color:#f0f0f0}to{background-color:red}}.green{animation-duration:1s;animation-name:turnGreen;animation-fill-mode:forwards}.red{animation-duration:1s;animation-name:turnRed;animation-fill-mode:forwards}#all-flashcards{width:90%;padding-bottom:3vw}#flexbox-flashcards{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2vw;padding-bottom:3vw}.flashcard{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;box-shadow:0 1vw 1.3vw #00000080,0 1.3vw 10vw #00000030;background-color:#fff;height:100%;width:100%}.flashcard input{text-align:left;width:90%;height:47%;border-bottom:1px solid;outline:none;border-top:none;border-left:none;border-right:none;margin-bottom:1vw;font-size:2vw}#set-title{text-align:left;padding-left:.5vw;font-size:2vw;width:20vw;height:2.5vw}.h1{display:flex;flex-direction:row;justify-content:center;align-items:center;align-content:center;gap:2vw;font-weight:700;font-size:2.5vw;white-space:nowrap}.h1 label{white-space:nowrap}.desc{text-align:left;margin-left:2.5vw;font-size:1.5vw}.flashcard div{width:100%}.side-button{position:fixed;right:5vw;width:8vw;height:8vw;border:none;border-radius:20px;align-items:center;cursor:pointer;transition:all .3s ease}.side-button:hover{transform:translateY(.5vw);transform:translate(.5vw);outline:none}#save-set{top:27vw;background-color:#e3e0cc;box-shadow:.5vw .5vw #afad9c;color:#000}#save-set:hover{box-shadow:none;background-color:#afad9c;color:#fff}#save-set label{cursor:pointer;font-size:2vw;text-align:center}#new-flashcard{top:17vw;background-color:#c5d5c5;box-shadow:.5vw .5vw #9fa9a3}#new-flashcard:hover{box-shadow:none;background-color:#9fa9a3}#new-flashcard label{cursor:pointer;color:#fff;font-size:6vw;text-align:center}#remove{position:relative;height:3vw;width:3vw;outline:none;border:1px solid darkgray;border-radius:10px;top:2vw;right:-50%}#remove:hover{cursor:pointer}.hovertrigger{width:40vw;height:15vw}.main-review{text-align:center}#all-sets{margin-top:50px;margin-left:30px;margin-right:30px;font-family:fantasy;padding-bottom:100px;display:flex;flex-direction:row;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap}.main-review.h1{font-weight:700;font-size:2.5vw}.set_icon{height:100px;width:200px;background-color:#fff;border-radius:20px;border:1px solid gray;align-items:center;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:center}.set_icon:hover{transform:translateY(-5px);width:250px}.set_icon label{color:#000;font-size:30px}.view-flashcard{cursor:pointer;height:300px;width:500px;background-color:transparent}.card-style{box-shadow:0 12px 16px #00000080,0 17px 50px #00000030;background-color:#fff;font-size:25px;display:flex;flex-direction:column;justify-content:center;align-items:center}.view-flashcard-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flip{transform:rotateY(180deg)}.front,.back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.back{transform:rotateY(180deg)}.arrow{margin:30px;font-size:50px;cursor:pointer}.main{text-align:center;position:relative}.h1{margin-bottom:.5vw}.japanese-text{font-family:notosansJP}.example-sentence{font-size:2.5vw;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-bottom:5vw}.word-container{display:flex;flex-direction:column;justify-content:center}.word-container .word:hover{color:green}.center-choices{display:flex;flex-direction:row;justify-content:center}.choices{display:flex;flex-direction:column;gap:10px}.word-container .word{position:relative;z-index:1;color:#000}.word-container .reading{font-size:1.5vw;position:relative;z-index:2}.word-container .definition{position:absolute;background-color:#c5d5c5;padding:1vw;border-radius:5px;bottom:90%;text-align:left;font-size:1vw;z-index:3}.hidden{visibility:hidden}.removed{display:none}#toggle-fix{position:fixed;bottom:5px;right:5px;padding:5px;border-radius:10px;color:#00f;background-color:none;cursor:pointer}#toggle-fix:hover{background-color:#d3d3d3}.sentence-fixer-wrapper{top:0;left:0;height:100%;width:100%;position:fixed;display:flex;flex-direction:column;justify-content:space-evenly;gap:30px;align-items:center;z-index:3}#SentenceFixer{height:300px;width:700px;padding:20px;border-radius:20px;background-color:#c5d5c5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}#SentenceFixer #sentence-holder{display:flex;flex-direction:row;flex-wrap:wrap;margin-right:10px;margin-left:10px;justify-content:center}.choices .special-button{width:20vw}#fix-buttons .button{height:50px;width:100px;border-radius:20px;cursor:pointer;text-align:center;display:flex;flex-direction:column;justify-content:center}#fix-buttons .button:hover{background-color:#696969;color:#fff}#fix-buttons .button.invalid:hover{background-color:#e3e0cc}.button label{cursor:pointer}.button.invalid label{cursor:default}#fix-buttons{display:flex;flex-direction:row;gap:20px}#SentenceFixer .submit-button.invalid{color:gray}#SentenceFixer .submit-button{background-color:#e3e0cc;color:#fff}#clear-button{background-color:#f5f5f5;color:#000}#cancel-button{background-color:#9fa9a3;color:#000}.green{background-color:#7cfc00}.red{background-color:#8b0000}.letter{font-size:20px;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:10px;border-radius:10px}.letter.none{background-color:none}.letter.first{background-color:#9370db}.letter.middle{background-color:#ffb6c1}.letter.last{background-color:#9370db}.letter.single{background-color:#639}#settings-flex{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-content:flex-start;gap:3vw;margin-left:5vw;white-space:nowrap;padding-bottom:5vw}.change-form{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-content:flex-start}.change-form .cred-input{text-align:left;width:25vw;height:2.5vw;font-size:1.5vw}.change-form h2{font-size:1.5vw}.change-form button{width:6vw;height:3vw;font-size:1.5vw;margin-left:2vw;margin-top:0vw}.h1-settings{margin:0vw;padding:0vw}@font-face{font-family:montserrat;src:url(/assets/Montserrat-Regular-DSMaiNLM.ttf)}@font-face{font-family:notosansJP;src:url(/assets/NotoSansJP-Regular-BuIItb8O.ttf)}#all{font-family:montserrat}