.form-container__form,.form-container__form--gray{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.form-container__form--gray{background-color:hsla(0,0%,92%,.5);margin:10px;padding:10px;border-radius:10px}.form-container__label{font-size:1.2rem}.form-container__input--blue{border:none;background-color:var(--primary-transparent);border-radius:10px}.form-container__input--blue,.form-container__input--yellow-outline{box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin:10px 5px;min-width:260px;max-width:260px;min-height:30px;font-size:1.2rem;text-align:center}.form-container__input--yellow-outline{border:2px solid var(--secondary);background-color:transparent;border-radius:10px}.navigation-bar{position:fixed;top:0;left:0;right:0;background-color:var(--primary);display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;list-style-type:none;margin:0;padding:0 3vw;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);height:10vh;text-align:center;z-index:1000}.navigation-bar__list-item{width:20vw}.navigation-bar li a{color:#fff;text-align:center;text-decoration:none;font-weight:700;cursor:pointer}.navigation-bar li a:hover{-webkit-text-decoration:underline var(--secondary) 5px;text-decoration:underline var(--secondary) 5px}.search-area{display:flex;flex-direction:row;align-items:center;justify-content:center;border:3px solid var(--secondary);background-color:transparent;border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin:10px auto;min-width:260px;max-width:300px;height:30px}.search-area__input{border:none;font-size:1.2rem;text-align:center}.flashcard-details__card-outer{background-color:transparent;min-width:250px;min-height:350px;width:600px;height:350px;border:none;perspective:1000px}.flashcard-details__card-outer--spaced{background-color:transparent;width:300px;height:200px;border:none;perspective:1000px;margin:10px}.flashcard-details__card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}.flashcard-details__card-outer--spaced:hover .flashcard-details__card-inner,.flashcard-details__card-outer:hover .flashcard-details__card-inner{transform:rotateY(180deg)}.flashcard-details__card-back,.flashcard-details__card-front{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flashcard-details__card-front{background-color:var(--secondary-transparent)}.flashcard-details__card-back,.flashcard-details__card-front{display:flex;flex-direction:row;align-items:center;justify-content:center}.flashcard-details__card-back{background-color:var(--secondary);color:#fff;transform:rotateY(180deg)}.flashcard-details__card-container{padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:center}.loader{position:relative;width:80px;margin:100px auto}.duo{height:20px;width:50px;background:transparent;position:absolute}.dot,.duo{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.duo1{left:0}.duo2{left:30px}.dot{width:20px;height:20px;border-radius:10px;background:var(--secondary);position:absolute}.dot-a{left:0}.dot-b{right:0}@-webkit-keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spin{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@-webkit-keyframes onOff{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}@keyframes onOff{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}.duo1,.duo2{-webkit-animation-name:spin;animation-name:spin}.duo2{animation-direction:reverse}.duo1 .dot-a,.duo2 .dot-b{-webkit-animation-name:onOff;animation-name:onOff}.duo1 .dot-a{opacity:0;animation-direction:reverse}:root{--primary:#00c2cb;--primary-transparent:rgba(0,194,203,0.3);--secondary:#ffde59;--secondary-transparent:rgba(255,222,89,0.3)}body,html{padding:0;margin:0}*{font-family:sans-serif;color:#282828}.header{-webkit-text-decoration:underline var(--secondary) 5px;text-decoration:underline var(--secondary) 5px}button{border:none;background-color:var(--secondary);border-radius:10px;padding:10px 20px;color:#fff;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin:5px;font-size:1rem;font-weight:700}button:hover{background-color:var(--secondary-transparent)}button:disabled{background-color:gray}.round-button{border:none;background-color:var(--secondary);border-radius:50%;padding:5px;width:25px;height:25px;color:#fff;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin:7px;font-size:1rem;font-weight:700;display:flex;flex-direction:row;align-items:center;justify-content:center}.round-button:hover{background-color:var(--secondary-transparent)}.round-button:disabled{background-color:gray}::-webkit-scrollbar{scrollbar-width:3px;width:3px}::-webkit-scrollbar-track{background:transparent;width:3px}::-webkit-scrollbar-thumb{background:var(--secondary-transparent);border-radius:5px;width:3px}.small-book{margin:10px}.scroll{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:visible;overflow-y:hidden;text-align:center;background-color:hsla(0,0%,92%,.5);border-radius:10px;max-height:300px;min-height:0;max-width:90vw;margin:10px auto}.label{-webkit-text-decoration:underline var(--secondary) 2px;text-decoration:underline var(--secondary) 2px}.bold-text,.label{font-weight:700;margin:4px 10px}.center-text{text-align:center}.flex-row{flex-direction:row}.flex-column,.flex-row{display:flex;align-items:center;justify-content:center}.flex-column{flex-direction:column;text-align:center}.flex-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.page-container{padding-top:10vh;height:90vh;margin:10px 20px}.clickable{cursor:pointer}.landing-page-container{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}