.main-login{width:100%;margin:0 auto}.wrap-login{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:15%;position:relative;z-index:0;border-radius:27px}.form-wrap-login{width:60%;border-radius:27px;overflow:hidden;box-shadow:0 3px 20px 0 hsla(0,0%,100%,.089)}.LoginForm{width:100%;position:relative;padding:15px 0 20px}.demo-info{display:block;line-height:1.5;font-weight:500;font-size:1.3rem;padding-bottom:15px}.login-input{border-radius:27px;padding:12px 20px}input:focus{border-color:transparent}input.login-password,input.login-user_name{display:block;position:relative;border-radius:27px;width:100%;margin-top:.5%;height:35px;line-height:1.2;text-align:center;font-size:17px;background:#1a5486;color:#fff}input::-webkit-input-placeholder{color:#fff}input:-moz-placeholder,input::-moz-placeholder{color:#fff}input:-ms-input-placeholder{color:#fff}.focus-input{display:block;position:absolute;z-index:-1;width:100%;height:100%;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border-radius:27px;background-color:#16274b;pointer-events:none;-webkit-transition:all .4s;transition:all .4s}input:focus+.focus-input{width:calc(100% + 20px)}.login-btn-container{width:100%;flex-wrap:wrap;padding-top:10px}.login-btn,.login-btn-container{display:flex;justify-content:center}.login-btn{align-items:center;padding:0 10px;width:30%;height:30px;background-color:#001d36;border-radius:25px;border:none;cursor:pointer;letter-spacing:2px;font-family:Arial;line-height:1.2;color:#fff;font-size:16px;text-transform:uppercase}button.login-btn:hover{background-color:#1a5486}@-webkit-keyframes login-btn{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes login-btn{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.login-btn:active,.login-btn:focus,.login-btn:hover{-webkit-animation-name:login-btn;animation-name:login-btn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@media only screen and (min-width:768px){.form-wrap-login,.LoginForm,.main-login,.wrap-login{width:450px}}.login_page h1{line-height:1.2;text-align:center;font-size:2.5rem;display:block;width:100%;padding-top:5%;padding-bottom:4%}.login_page{margin:0 auto;min-width:100vw;text-align:center;display:inline-block}.mood-entry{width:100%;margin:1rem;line-height:1.5rem;text-align:center}.wrap-mood-entry{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;min-height:10vh;z-index:1}.entry-wrap,.wrap-mood-entry{position:relative;border-radius:27px}.entry-wrap{overflow:hidden;width:30rem;padding:15px 0 20px;box-shadow:0 3px 20px 0 hsla(0,0%,100%,.089)}.entry-title{font-size:2.1rem;font-weight:700;margin:1% 0 4%;line-height:1.2}.entry-content{font-size:1rem;margin:1% 0 7%;padding:0 2%}.entry-duration,.entry-type{font-size:.8rem}.entry-btn-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;padding-top:10px}.del-btn,.edit-btn{display:-ms-flexbox;padding:0 10px;width:30%;height:30px;background-color:#001d36;border-radius:25px;border:none;cursor:pointer;text-decoration:none;font-family:Arial;letter-spacing:2px;line-height:1.2;color:#fff;font-size:16px;text-transform:uppercase}.edit-btn{width:200%}.edit-btn-link{width:15%}button.del-btn:hover,button.edit-btn:hover{background-color:#1a5486}@-webkit-keyframes btn-animation{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes btn-animation{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.del-btn,.edit-btn{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.del-btn:active,.del-btn:focus,.del-btn:hover,.edit-btn:active,.edit-btn:focus,.edit-btn:hover{-webkit-animation-name:btn-animation;animation-name:btn-animation;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.mood-page{margin:0 auto;min-width:100vw;display:flex;flex-wrap:wrap}.search-wrap{display:flex;justify-content:center;align-items:center;padding-top:15px}.mood-page>h1{display:block;font-size:3rem;padding:40px 0 10px;margin:0 auto}h3.search-title{font-size:1.1rem;font-style:italic;padding-bottom:0;display:inline-block;text-align:center;vertical-align:middle;line-height:2}input.mood-page-input{display:block;padding:10px;margin-left:20px;font-size:15px;width:15rem;border-radius:10px;text-align:center;font-weight:600}input.mood-page-input::-webkit-input-placeholder{color:#000}input.mood-page-input::-moz-placeholder{color:#000}input.mood-page-input:-ms-input-placeholder{color:#000}input.mood-page-input::-ms-input-placeholder{color:#000}input.mood-page-input::placeholder{color:#000}li{display:inline-block}.nav-link{display:block;color:#fff;text-align:center;padding:1.5rem;text-decoration:none}.nav-link:hover{background-color:#0e182d}.app-title{text-decoration:none;display:inline-block;color:#fff;padding:14px 16px;font-family:Chango,cursive;margin:0 auto;font-size:2rem}nav.nav{background-color:#1a5486}.landing-container{display:block;text-align:center}.landing-main{padding-top:20px;font-size:4rem;font-weight:600}.landing-wrap{margin:0 100px;text-align:center}.landing-wrap section{padding-top:25px}.landing-text{padding:20px 0;line-height:1.2}.landing-3{font-size:1.8rem}header>h2{font-size:1.2rem}img.moods{width:65%;height:60%;padding:10px 0}@media screen and (min-width:968px){.landing-container header,.landing-container section{width:650px;margin:0 auto}}.NotFoundPage{display:block;min-width:100vw;min-height:100vh;text-align:center;margin:300px 0;font-size:4.5rem;line-height:1.1}.error-message{color:red;font-size:.9rem;padding:.5% 0}.main-register{width:100%;margin:0 auto}.wrap-register{display:flex;width:100%;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:10%;position:relative;z-index:1;border-radius:27px}.form-wrap-register{width:60%;border-radius:27px;overflow:hidden;box-shadow:0 3px 20px 0 hsla(0,0%,100%,.089)}.signup-form{width:100%;position:relative;padding:15px 0 20px}.register-input{border-radius:27px;padding:12px 20px}input.register-full_name,input.register-nickname,input.register-password,input.register-user_name{display:block;position:relative;border-radius:27px;width:100%;margin-top:.5%;height:35px;line-height:1.2;text-align:center;font-size:17px;background:#1a5486;color:#fff}.register-btn-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding-top:10px}.register-btn{display:flex;justify-content:center;align-items:center;padding:0 10px;height:30px;background-color:#001d36;border-radius:25px;border:none;cursor:pointer;letter-spacing:2px;font-family:Arial;line-height:1.2;color:#fff;font-size:16px;text-transform:uppercase}button.register-btn:hover{background-color:#1a5486}@-webkit-keyframes register-btn{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes register-btn{to{-webkit-transform:scale(1.1);transform:scale(1.1)}}.login-btn{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent}.register-btn:active,.register-btn:focus,.register-btn:hover{-webkit-animation-name:register-btn;animation-name:register-btn;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}@media only screen and (min-width:768px){.form-wrap-register,.main-register,.signup-form,.wrap-register{width:450px}}h2.register-title{line-height:1.2;text-align:center;font-size:2.5rem;display:block;width:100%;padding-top:5%;padding-bottom:4%}.register_page{margin:0 auto;min-width:100vw;text-align:center;display:inline-block}.new-mood{width:100%;display:block;text-align:center}.new-mood-wrap{position:relative;margin:0 auto;width:70%;background-color:#414b60;border-radius:20px}div.form-section>input,div.form-section>textarea{border-radius:5px;padding:10px;line-height:1.2rem;font-size:1.2rem}div.form-section>textarea{font-family:Arial;padding:5px 0}.new-mood-title{font-size:3rem;margin:40px 0;padding-top:20px}#record-mood{width:100%;text-align:center;padding-bottom:20px;margin-bottom:40px}#time-mood{width:7%}div.form-section>label.label-title{font-size:1.1rem;display:block;margin:1.2rem 0 .3rem}.new-mood-content{height:12rem;width:90%;resize:none}.form-section .radio-title{font-size:1.1rem;display:block;margin-top:1.2rem}div.radio-form{margin:0 15%}label[for=mood-type]>span{font-size:1.5rem}.mood-type-explanation{margin:.5rem 0 2rem;text-align:left}input[type=radio]{border:0;width:40px;height:1.5em}.new-mood-btn-container{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding-top:10px}.new-mood button{display:flex;justify-content:center;align-items:center;padding:0 20px;width:27%;height:30px;background-color:#001d36;border-radius:25px;border:none;cursor:pointer;margin:0 2%;letter-spacing:2px;font-family:Arial;line-height:1.2;color:#fff;font-size:16px;text-transform:uppercase}.new-mood button:hover{background-color:#1a5486}@media screen and (min-width:968px){.new-mood-wrap{width:650px}}.doughnut-chart{position:relative;margin:0 auto;width:70%;background-color:#414b60;border-radius:20px}@media screen and (min-width:968px){.doughnut-chart{width:650px}}.misc-chart{position:relative;margin:0 auto;width:70%;background-color:#414b60;border-radius:20px}@media screen and (min-width:968px){.misc-chart{width:650px}}.mood-dashboard{padding:40px 0}.chart-1{padding-bottom:2rem}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{outline:none;border:none}body{width:768px;font-family:Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:Chango,cursive;font-family:Comfortaa,cursive;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;margin:0 auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#0e182d;color:#f0e345}
/*# sourceMappingURL=main.43f39fda.chunk.css.map */