@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&family=Jua&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR&family=Jua&family=Lalezar&display=swap);body{background-color:#000;font-family:IBM Plex Sans KR,Arial,sans-serif;margin:0;overflow:hidden}.App{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative;width:100vw}.background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.background-image{height:100%;object-fit:cover;width:100%}.logo{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;transition:all 2.5s ease-in-out;width:100%;z-index:-1}.logo.large{opacity:1;top:0;transform:scale(4)}.logo.small{opacity:.4;top:-15%;transform:scale(3)}.logo-image{transition:inherit;width:200px}.content{animation:fadeIn 2s ease-in 1.5s forwards;color:#fff;opacity:0;position:relative;text-align:center;top:-80px;z-index:2}.main-title{color:#fff;font-family:Lalezar,sans-serif;font-size:300px;margin-bottom:70px;transform:translateY(30px)}.button-row{align-items:center;display:flex;justify-content:center;margin:10px 0}.button-row p{font-size:35px;margin-right:20px}.button,.button-row p{font-family:Jua,sans-serif}.button{background-color:initial;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-size:30px;padding:10px 20px;transition:all .3s ease}.button:hover{background-color:#fff3;border-color:#007bff;color:#007bff}.page2 .content{color:#fff;text-align:center}.page2 .content h1{color:#fff;font-size:100px}.page2 .content p{font-size:100px;margin:10px 0}.about-button{background-color:#0009;font-family:IBM Plex Sans KR,sans-serif;padding:10px 20px}.about-button:hover{background-color:#fffc;color:#000}.about-page{background-color:#000;font-family:IBM Plex Sans KR,sans-serif}.about-page h1{font-size:48px;margin-bottom:20px}.about-page p{font-size:24px;line-height:1.6}.about-button{animation:fadeInButton 2s ease-out forwards;animation-delay:1s;background-color:initial;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-family:Jua,sans-serif;font-size:20px;left:20px;opacity:0;padding:10px;position:absolute;text-transform:uppercase;top:20px;transform:translateY(-20px);transition:all .3s ease;z-index:5}.about-button:hover{background-color:#fff3;border-color:#007bff;color:#007bff}@keyframes fadeInButton{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.signup-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.signup-background{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.signup-logo{cursor:pointer;margin-bottom:.01rem;transition:transform .3s ease,filter .3s ease;width:150px}.signup-logo:hover{filter:brightness(1.5);transform:scale(1.2) rotate(5deg)}.signup-content h1{font-size:4rem;margin-bottom:.5rem}.signup-content p{font-size:1.5rem;margin-bottom:2rem}.signup-form{align-items:center;display:flex;flex-direction:column}.signup-input{background-color:#ffffff1a;border:2px solid #ffffff80;border-radius:20px;box-shadow:0 4px 6px #0003;color:#fff;font-family:Jua,sans-serif;font-size:1rem;margin-bottom:1rem;max-width:400px;padding:1rem;transition:all .3s ease-in-out;width:80%}.signup-input:hover{background-color:#ffffff26;border-color:#00c6ff;box-shadow:0 6px 12px #0000004d}.signup-input:focus{background-color:#fff3;border:2px solid #00c6ff;box-shadow:0 6px 10px #0000004d;outline:none}.signup-button{background:linear-gradient(90deg,#007bff,#00c6ff);border:none;border-radius:25px;box-shadow:0 4px 6px #0000004d;color:#fff;cursor:pointer;font-family:Jua,sans-serif;font-size:1.2rem;max-width:400px;padding:1rem;transition:all .3s ease-in-out;width:80%}.signup-button:hover{background:linear-gradient(90deg,#0056b3,#008cff);box-shadow:0 6px 10px #0006;transform:translateY(-3px)}.signup-footer{color:#fffc;font-size:1rem;margin-top:1rem}.signup-footer a{color:#00c6ff;font-weight:700}.signup-footer a:hover{color:#0056b3;text-decoration:underline}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.signup-content{animation:fadeSlideIn 1s ease-out forwards;color:#fff;font-family:Jua,sans-serif;opacity:0;text-align:center;z-index:1}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.login-background{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.login-content{color:#fff;font-family:Jua,sans-serif;text-align:center;z-index:1}.login-logo{cursor:pointer;margin-bottom:1rem;transition:transform .3s ease,filter .3s ease;width:150px}.login-logo:hover{filter:brightness(1.5);transform:scale(1.2) rotate(5deg)}.login-content h1{font-size:4rem;margin-bottom:.5rem}.login-content p{font-size:1.5rem;margin-bottom:2rem}.login-form{align-items:center;display:flex;flex-direction:column}.login-input{background-color:#ffffff1a;border:2px solid #ffffff80;border-radius:20px;box-shadow:0 4px 6px #0003;color:#fff;font-family:Jua,sans-serif;font-size:1rem;margin-bottom:1rem;max-width:400px;padding:1rem;transition:all .3s ease-in-out;width:80%}.login-input:focus{background-color:#fff3;border:2px solid #00c6ff;box-shadow:0 6px 10px #0000004d;outline:none}.login-input:hover{background-color:#ffffff26;border-color:#00c6ff;box-shadow:0 6px 12px #0000004d}.login-button{background:linear-gradient(90deg,#007bff,#00c6ff);border:none;border-radius:25px;box-shadow:0 4px 6px #0000004d;color:#fff;cursor:pointer;font-family:Jua,sans-serif;font-size:1.2rem;max-width:400px;padding:1rem;text-shadow:1px 1px 2px #00000080;transition:all .3s ease-in-out;width:80%}.login-button:hover{background:linear-gradient(90deg,#0056b3,#008cff);box-shadow:0 6px 10px #0006;transform:translateY(-3px)}.login-footer{color:#fffc;font-size:1rem;margin-top:1rem}.login-footer a{color:#00c6ff;font-weight:700}.login-footer a:hover{color:#0056b3;text-decoration:underline}.forgot-password{color:#fffc;font-size:1rem;margin-top:1rem}.forgot-password a{color:#00c6ff;font-weight:700}.forgot-password a:hover{color:#0056b3;text-decoration:underline}.about-page{align-items:center;background:url(/static/media/space.ed37582f50aeaabf1023.png) no-repeat 50% fixed;background-size:cover;color:#fff;display:flex;flex-direction:column;font-family:Jua,sans-serif;height:100vh;justify-content:center;overflow:hidden;padding:20px;text-align:center}.about-logo{margin-bottom:20px;width:200px}.back-button{background-color:initial;border:2px solid #fff;border-radius:5px;color:#fff;cursor:pointer;font-family:Jua,sans-serif;font-size:20px;left:20px;padding:10px 50px;position:absolute;text-transform:uppercase;top:20px;transition:all .3s ease;z-index:5}.back-button:hover{background-color:#fff3;border-color:#007bff;color:#007bff}.login-content{animation:fadeIn 1s ease-in-out}.about-description{font-size:1.2rem;margin-bottom:0;margin-top:.01rem}.about-details{font-size:1.2rem;margin-bottom:.1rem;margin-top:.5rem}.about-purpose-title{color:#fff;font-size:2.5rem!important;font-weight:700;margin-bottom:1rem;margin-top:2rem;text-align:center}.about-purpose-details{font-size:1.2rem;line-height:1.5;margin-bottom:.2rem;margin-top:.01rem;text-align:center}.about-benefits-title{color:#fff;font-size:2.1rem!important;font-weight:700;margin-bottom:.01rem;text-align:center}about-benefits-list{color:#fff;font-size:2.5rem!important;line-height:1;list-style:none;margin:0;padding:0;text-align:left}.about-benefits-list li{align-items:center;display:flex;margin-bottom:.2rem}.about-benefits-list li:before{color:#00c6ff;content:"✔";font-size:1.5rem;margin-right:10px}.about-page>*{animation:fadeIn 1s ease-in-out}.inputdata-container{align-items:center;display:flex;height:100vh;justify-content:center;position:relative;width:100vw}.inputdata-background{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.inputdata-box{background-color:#000c;border-radius:15px;color:#fff;max-width:1200px;padding:2rem;text-align:center;width:90%}.inputdata-logo{display:block;margin:auto;width:80px}.steps{display:flex;justify-content:center;margin-bottom:1rem}.steps span{background-color:#fff3;border-radius:5px;color:#fff;font-family:Jua,sans-serif;margin:0 .5rem;padding:.5rem 1rem}.steps .active-step{background-color:#007bff}.inputdata-error{color:red;font-size:.9rem;margin-bottom:1rem}.subjects-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.subject-column{display:flex;flex-direction:column;gap:.5rem;width:30%}.inputdata-column{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.inputdata-input,.inputdata-textarea{background-color:#ffffff1a;border:2px solid #ffffff80;border-radius:10px;color:#fff;display:block;font-family:Jua,sans-serif;font-size:1.1rem;margin:1rem auto;max-width:800px;padding:1rem;transition:all .3s ease-in-out;width:90%}.inputdata-input::placeholder,.inputdata-textarea::placeholder{color:#fff9;font-family:Jua,sans-serif}.inputdata-input:hover,.inputdata-textarea:hover{background-color:#ffffff26;border-color:#00c6ff;box-shadow:0 6px 12px #0006}.inputdata-input:focus,.inputdata-textarea:focus{background-color:#fff3;border-color:#007bff;box-shadow:0 6px 12px #00000080;outline:none}.inputdata-textarea{height:150px;resize:none}.inputdata-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:Jua,sans-serif;font-size:1.5rem;padding:.6rem 1.2rem}.inputdata-button:hover{background-color:#0056b3}.navigation-buttons{margin-top:1rem}.select-box{display:flex;gap:1rem;justify-content:space-around}.radio-group{display:flex;gap:1rem;justify-content:center;margin:1rem 0}.radio-item{border:2px solid #fff;border-radius:5px;padding:.5rem 1rem;transition:background-color .3s,color .3s}.question-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;max-width:800px;width:100%}.radio-group-horizontal{display:flex;gap:1rem}.radio-item{background-color:#ffffff1a;border:2px solid #ffffff80;border-radius:10px;color:#fff;cursor:pointer;font-family:Jua,sans-serif;font-size:1.1rem;padding:1rem;text-align:center;transition:all .3s ease-in-out}.radio-item:hover{background-color:#ffffff26;border-color:#00c6ff;box-shadow:0 6px 12px #0006}.radio-item.active{background-color:#007bff;border-color:#007bff;color:#fff}label{font-weight:700;margin-right:1rem}h1,label{color:#fff;font-family:Jua,sans-serif}h1{font-size:2.5rem;margin-bottom:1rem}p{font-size:1.2rem;margin-bottom:1.5rem}h2,p{color:#fff;font-family:Jua,sans-serif}h2{font-size:2rem;margin-bottom:1rem}.inputdata-box{animation:fadeIn 1.5s ease-out}body,html{font-family:IBM Plex Sans KR,Jua,Lalezar,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.calendar-container{background-image:url(/static/media/space.ed37582f50aeaabf1023.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:100vh;overflow-y:auto}.calendar-header{align-items:center;background-color:#fff;color:#000;display:flex;font-family:Jua,sans-serif;justify-content:space-between;padding:15px 20px;position:sticky;top:0;z-index:10}.calendar-header h1{color:#000;font-size:1.5rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-header button{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;font-family:Jua,sans-serif;font-size:12px;font-weight:700;padding:6px 10px;transition:background-color .3s ease,transform .2s ease}.calendar-header button:hover{background-color:#f0f0f0;transform:scale(1.05)}.navigation-buttons{align-items:center;display:flex;font-family:Jua,sans-serif;justify-content:space-between;padding:10px 20px}.calendar-title{color:#fff;flex:1 1;font-size:2.7rem;font-weight:700;margin-left:190px;text-align:center}.right-buttons{display:flex;gap:10px}.edit-button,.nav-button{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;font-family:Jua,sans-serif;font-size:20px;padding:6px 10px;transition:background-color .3s ease,transform .2s ease}.edit-button:hover,.nav-button:hover{background-color:#f0f0f0;transform:scale(1.05)}.calendar-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(7,1fr);padding:10px}.calendar-day{background-color:#000;border:2px solid #fff;border-radius:5px;box-shadow:0 2px 4px #0003;color:#fff;font-family:Arial,sans-serif;min-height:100px;padding:10px;position:relative;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.calendar-day:hover{background-color:#333;border-color:#00c8ff;box-shadow:0 4px 8px #0006;transform:scale(1.05)}.calendar-date{color:#fff;font-weight:700;margin-bottom:5px;text-align:center}.completion-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:20px;margin:0;padding:0;position:absolute;right:5px;top:5px;transition:transform .2s ease,color .2s ease}.completion-button:hover{color:#00c8ff;transform:scale(1.3)}.completion-button.completed{color:#00c8ff}.progress-bar-container{align-items:center;display:flex;gap:10px;margin-left:auto;width:80%}.progress-bar{background-color:#333;border-radius:10px;height:20px;overflow:hidden;width:100%}.progress-bar-fill{background-color:#00c8ff;height:100%;transition:width .3s ease;width:50%}.progress-bar-container span{color:#000;font-family:Jua,sans-serif;font-size:16px;font-weight:700}.task-entry p{color:#fff;font-family:Arial,sans-serif!important;font-size:9px;line-height:1.5;margin-bottom:10px}.calendar-container.decorated{background-image:url(/static/media/winter.254039d2c2476f73b0d4.jpg)}.decorate-button{background-color:#00c8ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:6px 12px}.decorate-button:hover{background-color:#005f80;transform:scale(1.05)}.forgot-password-container{align-items:center;display:flex;font-family:Jua,sans-serif;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.forgot-password-background{filter:brightness(.8);height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:-1}.forgot-password-content{animation:fadeIn 1s ease-in-out;background:#000000b3;border-radius:15px;box-shadow:0 8px 15px #00000080;color:#fff;max-width:400px;padding:2rem;text-align:center;width:90%}.forgot-password-logo{cursor:pointer;margin-bottom:1.5rem;transition:transform .3s ease,filter .3s ease;width:100px}.forgot-password-logo:hover{filter:brightness(1.5);transform:scale(1.2) rotate(5deg)}.forgot-password-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.forgot-password-content p{font-size:1.2rem;margin-bottom:2rem;white-space:nowrap}.forgot-password-form{align-items:center;display:flex;flex-direction:column}.forgot-password-input{background:#ffffff1a;border:2px solid #ffffff80;border-radius:10px;color:#fff;font-family:Jua,sans-serif;font-size:1rem;margin-bottom:1rem;max-width:300px;padding:.75rem;text-align:center;transition:all .3s ease;width:80%}.forgot-password-input:focus{background:#fff3;border-color:#00c6ff;box-shadow:0 4px 8px #0000004d;outline:none}.forgot-password-input:hover{background:#ffffff26;border-color:#00c6ff;box-shadow:0 6px 12px #0000004d}.forgot-password-button{background:linear-gradient(90deg,#007bff,#00c6ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Jua,sans-serif;font-size:1.2rem;font-weight:700;padding:.75rem;transition:all .3s ease}.forgot-password-button:hover{background:linear-gradient(90deg,#0056b3,#008cff);box-shadow:0 6px 12px #0006;transform:translateY(-3px)}.forgot-password-message{color:#00c6ff;font-family:Jua,sans-serif;font-size:1rem;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.429b3ef3.css.map*/