body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{min-height:100vh;position:relative}.App{font-family:Oxygen,sans-serif;padding-bottom:2.5rem}.wrapper{border-radius:9px;flex-direction:column;flex-wrap:nowrap;height:auto;margin:70px auto 80px;width:80%}.kanji,.wrapper{align-items:center;display:flex;justify-content:center}.kanji{align-self:center;background-color:#dc143c;border-radius:50%;color:#fff;font-size:4em;height:150px;margin:20px 10px 20px 0;width:150px}.grade{color:crimson;font-weight:700}.details,.grade,.meanings-box{margin:10px;padding:3px}.meaningFormatting{display:inline-block;margin-left:0}.info-container{display:flex;flex-direction:column;font-size:1.2rem;height:auto;justify-content:center;margin-top:20px;padding:5px;width:100%}.details-wrapper{padding:8px}.details-wrapper,.meanings-wrapper{align-self:center;font-size:1.4rem;margin-bottom:10px;width:100%}.meanings-wrapper{padding:4px}.backBtn{align-items:center;align-self:center;background-color:crimson;border-radius:8px;color:#fff;display:flex;font-size:2em;height:80px;justify-content:center;margin:1rem auto 150px;padding:8px;width:300px}.navbar{color:crimson;display:flex;flex-direction:row;height:100px;width:100%}.logo{background-color:crimson}.logo,.logo-day{align-items:center;align-self:center;border-radius:50%;margin-left:20px;margin-top:15px;padding:0;width:80px}.logo-day{background-color:#fff}.logo-pic{-webkit-transform:scale(1.2);transform:scale(1.2)}.toggleIcon{margin-left:12px}.logo-title{align-items:center;align-self:center;font-family:Caveat Brush,cursive;font-size:2rem;font-weight:500;margin-left:10px;margin-top:15px;text-transform:uppercase}.headerContainer{align-items:center;display:flex;flex-direction:row;font-size:1em;margin-left:auto;margin-right:3rem}.hamburguerIcon{cursor:pointer;margin-left:auto;-webkit-transform:scale(1.2);transform:scale(1.2)}.desktopHeader{display:none}.authBtn{background-color:#242121;color:#fff;height:35px;margin:10px;width:110px}.aboutLink{text-transform:uppercase}@media screen and (min-width:928px){.hamburguerIcon{display:none}.desktopHeader{align-items:center;display:flex;font-size:1.3rem}.aboutLink{margin:15px}}.modalOverlay{background-color:rgba(104,78,78,.418)!important;display:flex;height:100vh;left:0;position:fixed;top:0;width:100vw}.modal{height:250px;left:0;margin:auto;position:absolute;right:0;top:20%;width:350px}.modal,form{background-color:#000;flex-direction:column}form{align-items:center;display:flex;justify-content:center}label{margin-bottom:.4rem;margin-top:.8rem;text-align:left;width:70%}input{color:#000!important;width:70%}.btnWrapper{align-items:center;display:flex;flex-direction:row;margin-bottom:1rem;margin-top:1rem}.cancelBtn{background-color:#de4040!important}.cancelBtn,.confirmBtn{height:50px;margin:10px;padding:8px;width:100px}.confirmBtn{background-color:#8e8ef4}.cancelX{background-color:#de4040;height:50px;margin-left:auto;padding:5px;width:50px}.logo-container{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:center;margin-top:0;width:100%}.logo-sidebar{background-color:transparent;margin-bottom:0;top:0;-webkit-transform:scale(1.2);transform:scale(1.2);width:70px}.logo-container span{margin-top:-8px}.logo-container small{font-size:1rem;height:20px;line-height:30px;z-index:10}.kanjiWrapper{margin-bottom:200px;max-width:100%;width:100%}.kanjiWrapper,.title{display:flex;flex-direction:column;justify-content:center}.title{font-size:2rem;margin-bottom:1rem;margin-top:1rem;text-align:center}.kanjiCard{align-items:center;align-self:center;background-color:crimson;border-radius:8px;color:#fff;display:flex;flex-direction:column;height:250px;justify-content:center;margin:10px;width:300px}.kanji-title{align-self:center;font-size:4rem}.learnBtn{background-color:#fff;box-shadow:2px 2px 10px #776f6f;color:red;font-size:1.5rem;width:100px}.learnBtn,.shuffle-box{border-radius:8px;margin-top:20px;padding:5px}.shuffle-box{align-items:center;align-self:center;background-color:crimson;color:#fff;display:flex;flex-direction:row;font-size:1.45rem;height:60px;justify-content:center;margin-bottom:50px;transition:.3s ease-in-out;width:150px}.shuffle-box:hover{background-color:#9c0c29;border:1px solid #fff;cursor:pointer}.repeat{margin-left:12px}@media screen and (min-width:628px){.kanjiWrapper{display:flex;flex-direction:row;justify-content:center;margin-bottom:200px;max-width:100%;width:100%}}@media screen and (min-width:928px){.kanjiWrapper{flex-direction:row;margin-bottom:200px;max-width:100%;width:100%}.kanjiCard,.kanjiWrapper{display:flex;justify-content:center}.kanjiCard{align-items:center;align-self:center;background-color:crimson;border-radius:8px;color:#fff;flex-direction:column;height:350px;margin:10px;width:400px}.kanji-title{align-self:center;font-size:6rem}.learnBtn{background-color:#fff;border-radius:8px;box-shadow:2px 2px 10px #776f6f;color:red;font-size:1.5rem;margin-top:20px;padding:5px;width:200px}}.footer{background-color:#282525;bottom:0;color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;margin-top:100px;position:absolute;width:100%}.footer .socials,.footer .text{align-items:center;align-self:center;display:flex}.socials a{margin:5px}.not-found-container{display:flex;flex-direction:column;height:50vh;justify-content:center;margin-top:10rem;max-height:100px!important}.not-found-text{align-items:center;align-self:center;font-size:2.5em}.not-found-container button{align-self:center;background-color:crimson;border-radius:9px;color:#fff;font-size:1.7rem;height:100px;margin-top:40px;padding:8px;width:200px}.container{display:flex;flex-direction:column}.homepageBg{border-radius:5px;display:flex;height:200px;margin:20px auto -10px;object-fit:cover;width:340px}.kanji-subtitle{font-size:2em;margin-bottom:60px;margin-left:10%;margin-top:100px;text-align:left}@media only screen and (min-width:492px){.homepageBg{border-radius:10px;display:flex;height:200px;margin:20px auto -10px;object-fit:cover;width:85vw}}@media only screen and (min-width:928px){.homepageBg{border-radius:12px;display:flex;height:200px;margin:20px auto -10px;object-fit:cover;width:900px}}.about-container{background-color:#d3b8b8;display:flex;justify-content:center;margin-bottom:300px;margin-top:-30px;max-height:50vh;position:relative;text-align:center}.header-image{display:flex;margin-bottom:100px;position:absolute;width:100%}.header-image img{height:35vh;object-fit:cover;width:100%;z-index:0}.header-title{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:70px;position:absolute;width:100%;z-index:250}.header-title button{background-color:crimson;color:#fff;margin-top:10px;padding:8px;width:100px}.about-container h1{align-self:center;font-size:2em;width:100%}.about{display:flex;flex-direction:row;flex-wrap:wrap;font-size:1.4em;height:auto;justify-content:center;margin:auto;text-align:justify;width:85%}.about-title{color:crimson;font-size:2rem;font-weight:700;margin-bottom:20px}.about-intro{margin-bottom:100px;width:80%}.phase-box{margin-bottom:50px;margin-top:12px;width:80%}.phase-box h3{color:crimson;font-size:1.5rem;font-weight:700}
/*# sourceMappingURL=main.855ed0d1.css.map*/