@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);*{padding:0;margin:0;font-family:Press Start\ 2P,cursive}header{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 2rem;background-color:var(--mainColor);color:var(--textColor);position:fixed;width:100vw;z-index:100;grid-gap:1rem;gap:1rem;top:0}nav,nav ul{display:flex;align-items:center;justify-content:center}nav ul{grid-gap:4rem;gap:4rem;list-style:none}nav a{color:var(--textColor);text-decoration:none}nav a:hover{color:var(--secondairyColor)}.nav-btn{background:none;border:none;color:var(--textColor);font-size:2rem;cursor:pointer;display:none}.nav-btn,header h3{z-index:10000}@media only screen and (max-width:1024px){.nav-btn{display:block}nav ul{flex-direction:column;align-items:center;justify-content:center;grid-gap:1.5rem;gap:1.5rem;background-color:var(--mainColor);position:fixed;width:100%;top:80px;bottom:0;left:0;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateY(-120%);transform:translateY(-120%)}.responsive_nav ul{-webkit-transform:translateY(0);transform:translateY(0)}nav a{font-size:1.5rem}}#chat{top:4000px}*{box-sizing:border-box;text-decoration:none}html{font-family:Noto Sans JP,sans-serif}body{margin:0;background-color:#150704;background-color:var(--backgroundColor);padding:0;overflow-x:hidden}:root{--mainColor:#33130c;--mainColorLight:#59261b;--secondairyColor:#ff3608;--textColor:#fff;--backgroundColor:#150704}.flex-center{display:flex;justify-content:center;align-items:center}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}button{background-color:#59261b;background-color:var(--mainColorLight);border:none;padding:1rem;font-size:1rem;cursor:pointer;transition:.3s}button,button:hover{color:#fff;color:var(--textColor)}button:hover{background-color:#ff3608;background-color:var(--secondairyColor)}input{background-color:#59261b;background-color:var(--mainColorLight);color:#fff;color:var(--textColor);padding:1rem;font-size:1rem;cursor:pointer;transition:.3s}#warning{color:#ff3608;color:var(--secondairyColor);font-size:.7rem;text-align:center;margin:0;text-wrap:nowrap}.alert{padding:15px;width:90vw;max-width:500px;margin:15px;background-color:#2384d3!important;border:none!important;color:#fff;position:fixed;bottom:1rem;-webkit-animation-name:slidein;animation-name:slidein;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes slidein{0%{bottom:-5rem}to{bottom:1rem}}@keyframes slidein{0%{bottom:-5rem}to{bottom:1rem}}.closebtn:hover{color:#000}.alert-container h2{padding-bottom:.2rem;font-size:.9rem}.alert-container h2,.textcontainer p{margin:0;font-family:Arial,sans-serif}.textcontainer p{font-size:.8rem;line-height:1rem}.alert-container{display:flex;flex-direction:row;justify-content:space-between;grid-gap:2rem;gap:2rem}#close-button{font-size:.8rem;padding-right:.5rem;text-align:center;font-family:Arial,sans-serif;cursor:pointer}#cta-container{z-index:-1;background-image:url(/static/media/background.9ca6c3b5.png);background-size:cover;background-repeat:no-repeat;height:100vh}.cta-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:2rem;gap:2rem;width:100%;height:100%}.playbutton{padding:.8rem 1.5rem;margin-bottom:5rem;border-radius:.5rem;border:none;background-color:#51cf66;box-shadow:2px 2px 2px #000;font-size:1rem;transition:.3s ease-in-out;color:#000}.playbutton:hover{border-radius:.5rem;cursor:pointer;transition:.3s ease-in-out;box-shadow:4px 4px 4px #000}.cta-flex h1{font-size:4rem;color:#fff;text-shadow:3px 3px 3px #000;transition:.3s ease-in-out}#character img{width:250px;height:100%;object-fit:contain}*{color:#fff}.about-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 2rem;color:#fff;grid-gap:4rem;gap:4rem;transition:.5s}.about-container h1{font-size:2rem;margin-bottom:1rem}#character-text p{font-size:1rem;margin-bottom:1rem;line-height:1.8}#aboutpage-wrapper{display:flex;flex-direction:column;grid-gap:3rem;gap:3rem}.learnitems-container{flex-direction:row;grid-gap:2.5rem;gap:2.5rem;flex-wrap:wrap}.learn-container,.learnitems-container{display:flex;justify-content:center;align-items:center}.learn-container{flex-direction:column;grid-gap:2rem;gap:2rem;text-align:center}.learn-item{border-top:1px solid rgba(106,32,13,.7);border-bottom:1px solid rgba(106,32,13,.7);padding:1rem;text-align:center}.learn-item p{font-size:.8rem;padding:.5rem 0;line-height:1.3}@media screen and (min-width:1024px){#character-text{width:60%}#character-text p{font-size:1.2rem}}@media screen and (max-width:768px){.about-container{flex-direction:column;padding:0 3rem}.about-container h1{font-size:1.5rem}#character-text{width:100%}#character-text p{font-size:.8rem}}@media screen and (max-width:368px){.about-container{padding:0 1rem}.learn-item{width:90%}}*{letter-spacing:.5px;line-height:1.5}.ChatBot{justify-content:center;align-items:center;height:100%;font-family:Arial,sans-serif}.ChatBot,.chatContainer{display:flex;flex-direction:column;padding:20px}.chatContainer{border-radius:5px;margin-top:20px;overflow:auto;justify-content:space-between;box-shadow:1px 1px 10px 5px #33140c;overflow:scroll;resize:both;min-width:450px;max-width:800px;max-height:700px;min-height:300px}#ui button{width:100%;margin-top:5px}.messageList{overflow:auto;display:flex;flex-direction:column}.ChatGPT,.user{margin:10px 0}.user{align-self:flex-end;right:0;background-color:#a7988b}.ChatGPT,.user{max-width:80%;padding:10px;border-radius:5px}.ChatGPT{align-self:flex-start;background-color:var(--mainColorLight)}.messageInput{margin-top:10px;padding:10px;border-radius:5px;border:1px solid #ccc;width:100%}.chatContainer,.chatContainer button,.chatContainer input{font-size:.8rem}.center{justify-content:center;height:100vh}.center,.forum{display:flex;align-items:center;flex-direction:column}.forum{margin-top:50px;grid-gap:30px;gap:30px;padding:90px;margin-bottom:100px}.forum h1{font-size:2rem}select{color:#000}.login{display:flex;flex-direction:column;align-items:center;margin-top:50px}.loginTitle{font-size:24px;margin-top:100px}.loginForm{display:flex;flex-direction:column;align-items:center;width:300px;padding:40px;border:1px solid #ccc;border-radius:4px;margin-top:90px}.loginForm label{font-size:14px;margin-bottom:5px}.loginForm input[type=password],.loginForm input[type=text]{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.loginBtn{padding:8px 16px;background-color:#ff4500;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.loginBtn:hover{background-color:tomato}.login p{font-size:14px;margin-top:10px}.login p a{color:#ff4500;text-decoration:none}.login p a:hover{text-decoration:underline}.register{display:flex;flex-direction:column;align-items:center;padding:90px}.registerTitle{font-size:24px;margin-bottom:20px}.registerForm{display:flex;flex-direction:column;width:300px}.registerForm label{font-weight:700;margin-bottom:5px}.registerForm input{padding:8px;margin-bottom:15px}.registerBtn{background-color:#ff4500;color:#fff;padding:10px 20px;border:none;cursor:pointer;font-weight:700}.registerBtn:hover{background-color:#e63c00}.register p{margin-top:20px;font-size:14px}.register p a{color:#ff4500;text-decoration:none}.register p a:hover{text-decoration:underline}.create-thread{border:1px solid #ccc;border-radius:5px;padding:20px;width:100%;max-width:700px}.forumTitle{font-size:1.2rem;padding-bottom:10px}.forumForm{display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:100%}.forum__container input,.forum__container select{padding:10px;border:1px solid #ccc;border-radius:5px;width:100%}.forumBtn{background-color:#ff4500;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.forumBtn:hover{background-color:tomato}.thread__container{border:1px solid #ccc;border-radius:5px;padding:20px}.thread__item{align-items:center;justify-content:center;border:1px solid #fff;margin:10px;max-width:600px}.thread__item p:first-child{font-size:1.2rem;font-weight:700}.thread__item p:last-child{font-size:.8rem;color:#999}.react__container svg{fill:#999}.tag-filters{grid-gap:10px;gap:10px;margin-bottom:20px}.tag-filters label{display:flex;align-items:center;grid-gap:5px;gap:5px;font-size:.9rem;color:#666;cursor:pointer}.tag-filters input[type=checkbox]{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:4px;border:2px solid #ccc;outline:none;cursor:pointer}.tag-filters input[type=checkbox]:checked{border-color:#ff4500;background-color:#ff4500}.tag-filters span{font-size:.9rem}.tag-filters input[type=checkbox]:checked:before{background-color:#fff}.tag-filters span:hover{color:#ff4500}.show-alert{display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px;background-color:tomato;color:#fff;padding:10px;border-radius:5px;width:100%}.show-alert .alert-icon{font-size:1.2rem}.show-alert p{margin:0;font-size:.9rem;font-weight:700}.replies{display:flex;flex-direction:column;align-items:center;margin-top:90px;margin-bottom:20px}.repliesTitle{font-size:2rem;margin-bottom:20px}.modal__content{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;width:100%;max-width:700px;padding:50px;border:1px solid #ccc;border-radius:5px}.modal__content label{font-size:1rem;font-weight:700}.modalInput{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;color:#000}.modalBtn{background-color:#ff4500;color:#fff;padding:10px 20px;border:none;border-radius:4px;font-size:1rem;cursor:pointer}.modalBtn:hover{background-color:tomato}.thread__container{grid-gap:20px;gap:20px;max-width:700px}.thread__container,.thread__item{display:flex;flex-direction:column;width:100%}.thread__item{align-items:flex-start;grid-gap:5px;gap:5px;padding:10px;border:1px solid #ccc;border-radius:4px}.thread__item p{margin:0;font-size:.9rem}.react__container{display:flex;align-items:center;grid-gap:10px;gap:10px}.react__container p{margin:0;font-size:.8rem;color:#999}.react__container svg{width:16px;cursor:pointer}.react__container svg:hover{fill:#ff4500}.container,.navbar{display:flex}.navbar{flex-direction:column;align-items:flex-end;width:200px;padding:10px}.navbarTitle{margin:0;padding-bottom:10px}.tag-filters{display:flex;flex-direction:column}.tag-filters label{margin-bottom:5px}.navbar{position:fixed;right:0;top:20px;z-index:1;margin-top:100px;margin-right:90px}.contact-page{box-shadow:1px 1px 3px 2px #fff;display:block;background-color:#000;margin:200px auto;max-width:500px;max-height:500px;padding:20px}.contact-page input,textarea{display:flex;flex-direction:column;width:100%;margin:10px auto;padding:10px;border:1px solid #fff}.message{color:#000}.contact-page span{color:#ff4500}.alert{background-color:#f8f8f8;border:1px solid #ddd;border-radius:4px;padding:10px;margin-bottom:10px;color:#333}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}
/*# sourceMappingURL=main.9ba999a8.chunk.css.map */