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}*{box-sizing:border-box}#root,.app,body,html{background-color:#0f1724;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;height:100%;margin:0;padding:0}#root,.App,.app,body,html{display:flex;flex-direction:column}.App{height:100vh;overflow:hidden}.header{background-color:#0000006c;gap:.5rem;min-height:64px;padding:.75rem 1rem;position:relative}.header,.logo{align-items:center;display:flex;justify-content:center}.logo{font-size:10px;font-style:normal;font-weight:100;position:absolute;right:30px;top:50%;transform:translateY(-50%)}.logo-text{transform:translateX(-10000%)}.logo-logout{color:#9f9fff;cursor:pointer;padding:0;-webkit-text-decoration-color:#aaa9ff;text-decoration-color:#aaa9ff;-webkit-text-decoration-line:underline;text-decoration-line:underline}.header .title{font-size:30px;margin:0}.title{background-color:initial;border:solid;border-radius:1rem;border-width:1px;color:#fff;text-align:center;width:50%;z-index:3}.content{display:flex;overflow:hidden;position:absolute}.content,.note-area{flex:1 1;height:100%;width:100%}.note-area{background:#0000;border:none;color:inherit;font-size:1rem;line-height:1.5;outline:none;overflow:auto;padding:1rem;resize:none}.note-area::placeholder{color:#ffffff73}.sidebar{background:#111827;border-right:1px solid #ffffff0a;display:flex;flex-direction:column;height:100%;min-height:0;min-width:160px;overflow-y:auto;padding:8px 0;transform:translateX(-100%);width:220px}.tab{background:#0000;border:none;border-bottom:1px solid #ffffff05;color:inherit;display:flex;margin:0;padding:0}.tab_button:hover{background:#ffffff08}.tab_button{background:#0000;border:none;color:inherit;cursor:pointer;padding:.9rem 1rem;text-align:left;width:85%}.row{flex:1 1;min-height:0;width:100%}.main,.row{display:flex;overflow:hidden}.main{flex:1 1;flex-direction:column}.circle_icon{align-items:center;cursor:pointer;display:flex;flex:1 1;padding:1rem}.circle_icon_true{align-self:center;font-size:25px;margin:auto}.circle_icon:hover{background:#ffffff08}.home_icon{align-self:center;font-size:30px;margin:auto 1rem auto auto}.tab_button_home{background:#0000;border:none;color:inherit;cursor:pointer;padding:.9rem 1rem;text-align:left;width:100%}.tab_button_home:hover{background:#ffffff08}@media (min-width:768px){.sidebar{height:auto;position:relative;transform:translateX(0)}.hamburger{display:none}.content{flex:1 1;position:relative;z-index:0}.title{width:20%}.logo-text{transform:translateX(0)}.logo-logout{padding:0 1rem}}.hamburger{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;left:0;margin:1rem;position:absolute}.sidebar.open{transform:translateX(0);z-index:1}.page-1{align-items:center;display:flex;height:100vh;justify-content:center}.main-1{background-color:#0000006c;border-radius:30px;margin-bottom:5rem;padding:1rem 2rem;width:50vh}.main-text{align-self:center}.email-text,.main-text{justify-self:center;text-align:center}.email-text{color:#9f9fff;font-size:20px;justify-content:center}.mail input{background-color:initial;border:solid;border-radius:.5rem;border-width:1px;color:#fff;padding:.5rem;width:100%}.mail h3,.mail input{font-size:15px}.password-input{display:flex;position:relative}.password-icon{align-self:center;cursor:pointer;font-size:40px;padding:0 10px;position:absolute;right:0}.password input{background-color:initial;border:solid;border-radius:.5rem;border-width:1px;color:#fff;font-size:15px;padding:.5rem;width:100%}.password h3{font-size:15px}.error-message{align-self:center;color:red;justify-self:center;margin:auto;padding:0;text-align:center}.login{display:flex;justify-content:space-around;position:relative}.login button{align-self:center;background:#0000;border:1px solid #fff;border-radius:6px;box-shadow:0 0 8px #ffffff4d;color:#fff;cursor:pointer;font-size:16px;margin-top:.5rem;padding:10px 20px;transition:transform .3s ease,box-shadow .3s ease;width:30%}.login button:hover{box-shadow:0 0 12px #ffffffb3;transform:scale(1.05)}.switch{align-items:center;display:flex;font-size:13px;justify-content:center;margin-top:.5rem}.switch-button{color:#9f9fff;cursor:pointer;padding:0 .5rem;-webkit-text-decoration:double;text-decoration:double}
/*# sourceMappingURL=main.ac908257.css.map*/