@import url(https://fonts.googleapis.com/css2?family=Saira+Stencil+One&family=Yanone+Kaffeesatz:wght@300;400&display=swap);@keyframes openToDo{0%{transform:scale(.2)}to{transform:scale(1.5)}}@keyframes addUp{0%{transform:translateY(20px)}to{transform:translateY(0)}}@keyframes addShake{0%,to{transform:rotate(0deg);transform-origin:50% 100%}10%{transform:rotate(2deg)}20%,40%,60%{transform:rotate(-4deg)}30%,50%,70%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}90%{transform:rotate(2deg)}}@keyframes hoverBig{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes spinnerUpDown{0%{transform:translateY(20px)}25%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes openModal{0%{transform:scale(.5)}to{transform:scale(1)}}@keyframes bluewave{0%{transform:translate(-50%) rotate(0deg)}50%{transform:translate(-50%,-2%) rotate(180deg)}to{transform:translate(-50%) rotate(1turn)}}@keyframes dropdown{0%{transform:scaleY(0)}80%{transform:scaleY(1.1)}to{transform:scaleY(1)}}@keyframes hide-up{0%{transform:translateY(0);transform:scaleY(1)}99%{transform:translateY(-100%);transform:scaleY(0)}}@keyframes open-down{0%{display:none;transform:scaleY(0)}to{display:block;transform:scaleY(1)}}.main{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1rem;padding:0 1rem;text-align:center;width:25rem}@media(min-width:982px){.main{flex-wrap:nowrap;justify-content:flex-start;margin-bottom:0;width:auto}}.main .input-con{width:20rem}.main .input-con .userInput{background-color:#00798c;border-radius:1rem 1rem 0 0;box-shadow:0 0 10px #000;display:flex;flex-direction:column;font-size:1.2rem;height:15rem;justify-content:space-around;padding:1rem;width:20rem}@media(min-width:982px){.main .input-con .userInput{border-radius:1rem 0 0 1rem}}.main .input-con .userInput #detail,.main .input-con .userInput #title{padding:.5rem}.main .input-con .userInput #detail,.main .input-con .userInput #title{border-radius:.5rem;font-size:1rem}.main .input-con .userInput .note-category-con{background-color:#003d5b;border-radius:.3rem;display:flex;justify-content:space-evenly;padding:.2rem}.main .input-con .userInput .note-category-con div{align-items:center;background-color:#fff;border-radius:.3rem;box-shadow:0 0 3px #333;display:flex;font-size:.8rem;justify-content:center;padding:.3rem}.main .input-con .userInput .note-category-con div input{margin-right:.2rem}.main .input-con .userInput .note-category-con #todo-rbutton{background-color:#ffcb77}.main .input-con .userInput .note-category-con #idea-rbutton{background-color:#fe6d73}.main .input-con .userInput .note-category-con #hold-rbutton{background-color:#fef9ef}.main .input-con .userInput .note-category-con #done-rbutton{background-color:#227c9d}.main .input-con .inputBtn{background-color:#da273e;border:none;border-radius:10px;box-shadow:1px 1px 1px 1px #000;color:#fff;font-size:1rem;font-weight:800;padding:.5rem}.main .input-con .inputBtn:hover{background-color:#252424;color:#da273e;font-weight:800}.main .hide-input{display:none}.main #hideInput{background-color:#3f5f74a6;border:none;border-radius:0;border-radius:0 0 1rem 1rem;box-shadow:0 0 2px #000;color:#fff;height:1.5rem;width:20rem}.main #hideInput:hover{background-color:#c0d5e4}.main #hideInput #arrow{transform:rotate(90deg);width:.8rem}@media(min-width:982px){.main #hideInput{border-radius:0 1rem 1rem 0;height:15rem;width:1.5rem}.main #hideInput #arrow{transform:rotate(0deg);width:.8rem}}.cardSection{align-items:start;display:flex;flex-wrap:wrap;justify-content:center;width:100%}@media(min-width:982px){.cardSection{width:auto}}.cardSection .noteTitle{align-items:center;animation:addUp .5s cubic-bezier(.25,.46,.45,.94) forwards;background-color:#fcca46;border:1px solid #000;border-radius:.3rem;box-shadow:5px 5px 10px #000;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;font-weight:800;margin:0 .5rem 1rem;min-height:4rem;padding:.5rem}@media(min-width:768px){.cardSection .noteTitle{font-size:1.2rem}}.cardSection .noteTitle .red-circle{background-color:red;border-radius:50%;box-shadow:2px 2px 5px #000;height:.5rem;margin-bottom:.5rem;width:.5rem}.cardSection .noteTitle:hover{animation:hoverBig .2s linear forwards;background-color:#fe7f2d}.cardSection .noteCon{position:relative}.cardSection .close{color:#ff0054;cursor:pointer;display:flex;float:right;font-weight:700;height:1.7rem;justify-content:center;margin-left:.5rem;padding:0 .7rem;width:1rem}.for-fixed{position:relative}.for-fixed .modal-outer{align-items:flex-start;background-color:rgba(39,39,39,.663);display:flex;height:100%;justify-content:center;left:0;min-height:100vh;padding-top:20%;position:absolute;top:0;width:100%;z-index:2}@media(min-width:576px){.for-fixed .modal-outer{align-items:center;padding-top:0}}.for-fixed .modal-outer .modal-con{animation:openModal .3s ease-in-out forwards;background-color:#ffecd1;border-radius:1rem;box-shadow:1px 1px 5px 1px #333;box-sizing:initial;color:#000;display:block;display:flex;flex-direction:column;justify-content:space-around;margin:.5rem 1rem;padding:1rem;position:-webkit-sticky;position:sticky;top:10rem;width:90%;z-index:5}@media(min-width:0px){.for-fixed .modal-outer .modal-con{width:90%}}@media(min-width:768px){.for-fixed .modal-outer .modal-con{width:40%}}.for-fixed .modal-outer .modal-con #close-x{cursor:pointer;display:flex;justify-content:right}.for-fixed .modal-outer .modal-con #close-x #x-box{align-items:center;background-color:#233d4de1;border-radius:50%;color:#ff4500;display:flex;height:1rem;justify-content:center;padding:.7rem;width:1rem}.for-fixed .modal-outer .modal-con #close-x #x-box div{color:#ff4500;color:#1f7260;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:800}.for-fixed .modal-outer .modal-con .btn-con{color:#000;display:flex;justify-content:space-between;margin-top:2rem}.for-fixed .modal-outer .modal-con .btn-con .note-btn{align-items:center;border-radius:50%;display:flex;height:2.2rem;justify-content:center;padding:.2rem;width:2.2rem}.for-fixed .modal-outer .modal-con .btn-con #edit-note{background-color:#619b8a}.for-fixed .modal-outer .modal-con .btn-con #edit-note:hover{background-color:#436d60;cursor:pointer}.for-fixed .modal-outer .modal-con .btn-con #delete-note{background-color:#d82020}.for-fixed .modal-outer .modal-con .btn-con #delete-note:hover{background-color:#9b1919;cursor:pointer}.for-fixed .modal-outer .modal-con .btn-con #confirm-note{background-color:#43c243}.for-fixed .modal-outer .modal-con .btn-con #confirm-note:hover{background-color:#297e29;cursor:pointer}.for-fixed .modal-outer .modal-con #children{box-sizing:border-box;height:100%}.for-fixed .modal-hide{display:none}.inbox{display:flex;flex-direction:column;line-height:1.3}.inbox .modal-category{align-items:center;align-self:flex-end;background-color:#fef9efab;border-radius:.2rem;box-shadow:0 0 3px #333;display:flex;justify-content:center;width:3rem}.inbox #edit-area,.inbox #edit-input{border-radius:.5rem;font-size:1rem;margin:.2rem 0;padding:.3rem}.inbox #note-title{padding-left:.5rem}.inbox #detail-con{display:flex}.inbox #note-detail{word-wrap:break-word;white-space:pre-line}.inbox #memo-time{align-self:flex-end;margin-top:1rem}.inbox #edit-category-select{align-self:flex-end;border-radius:.4rem;padding:.2rem;width:5rem}.inbox .btn-con button{color:#000}.theme-select{display:flex;justify-content:space-between;margin:1rem}.theme-select button{border-radius:.5rem;font-size:1rem;padding:.5rem}.delete-account-con{margin-top:1rem}.delete-account-con #delete-account-setting{border-radius:.5rem;margin:1rem;padding:.5rem}.loading-con{align-items:center;color:#fff;display:flex;flex-direction:column;height:30vh;justify-content:space-evenly;width:100%}.loading-con .spinner-con{display:flex;justify-content:space-between;width:10rem}.loading-con .spinner-con .loading-circle{background-color:#ffffff70;border-radius:50%;height:1rem;width:1rem}.loading-con .spinner-con #green-cc{animation:spinnerUpDown 1.5s linear infinite;background-color:#0a7e57}.loading-con .spinner-con #yellow-cc{animation:spinnerUpDown 1.5s linear .11s infinite;background-color:#e2d562}.loading-con .spinner-con #pink-cc{animation:spinnerUpDown 1.5s linear infinite;background-color:#a13961}.login-outer{align-items:center;background-color:#003d5b;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-outer:after,.login-outer:before{animation-iteration-count:infinite;animation-name:bluewave;animation-timing-function:linear;background-color:#fff;bottom:0;content:"";left:50%;min-height:300vw;min-width:300vw;position:absolute}.login-outer:before{animation-duration:10s;border-radius:45%;bottom:15vh}.login-outer:after{animation-duration:10s;border-radius:47%;bottom:12vh;opacity:.5}.login-outer .login-con{align-items:center;background-color:rgba(214,198,54,.856);border-radius:50%;box-shadow:2px 2px 10px rgba(51,51,51,.808);color:#233d4d;display:flex;flex-direction:column;height:18rem;justify-content:center;padding:3.5rem;width:18rem;z-index:1}@media(min-width:982px){.login-outer .login-con{height:22rem;padding:5rem;width:22rem}}.login-outer .login-con h1{font-family:Saira Stencil One,cursive;text-align:center}.login-outer .login-con .login-form{display:flex;margin-bottom:1rem}.login-outer .login-con .login-form .login-label{align-items:center;display:flex;justify-content:space-between}.login-outer .login-con .login-form .login-label .label-title{margin-right:1rem}.login-outer .login-con .login-form input{border-radius:.4rem;padding:.2rem}.login-outer .login-con .login-form button{background-color:#14444d;border:none;border-radius:.3rem;box-shadow:1px 1px 1px 1px #504e4e;color:#e1e428;margin-bottom:0;margin-left:.3rem;padding:.5rem}.login-outer .login-con .login-form button:hover{background-color:#e1e428;color:#14444d}.login-outer .login-con .login-signin{align-items:center;display:flex;flex-direction:column}.login-outer .login-con .login-signin button{background-color:#233d4d;border:none;border-radius:.3rem;box-shadow:1px 1px 1px 1px #504e4e;color:#cf6139;margin-bottom:0;margin-top:.2rem;padding:.5rem}.login-outer .login-con .login-signin button:hover{background-color:#cf6139;color:#233d4d}.signup-outer{align-items:center;background-color:#003d5b;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.signup-outer:after,.signup-outer:before{animation-iteration-count:infinite;animation-name:bluewave;animation-timing-function:linear;background-color:#fff;content:"";left:50%;min-height:300vw;min-width:300vw;position:absolute}.signup-outer:before{animation-duration:10s;border-radius:45%;bottom:15vh}.signup-outer:after{animation-duration:10s;border-radius:47%;bottom:12vh;opacity:.5}.signup-outer .signup-con{align-items:center;background-color:rgba(214,198,54,.856);border-radius:50%;box-shadow:2px 2px 10px rgba(51,51,51,.808);color:#233d4d;display:flex;flex-direction:column;height:22rem;justify-content:center;width:22rem;z-index:1}@media(min-width:982px){.signup-outer .signup-con{height:22rem;width:22rem}}.signup-outer .signup-con h1{font-family:Saira Stencil One,cursive;text-align:center}.signup-outer .signup-con .signup-form{margin-bottom:1rem}.signup-outer .signup-con .signup-form .signup-label{align-items:center;display:flex;justify-content:space-between}.signup-outer .signup-con .signup-form input{border-radius:.4rem;margin-left:1rem;padding:.2rem}.signup-outer .signup-con .signup-form .signup-btn-con{display:flex;justify-content:center;margin-top:.5rem}.signup-outer .signup-con .signup-form .signup-btn-con button{background-color:#14444d;border:none;border-radius:.3rem;box-shadow:1px 1px 1px 1px #504e4e;color:#e1e428;margin-bottom:0;margin-left:.3rem;padding:.5rem}.signup-outer .signup-con .signup-form .signup-btn-con button:hover{background-color:#e1e428;color:#14444d}.signup-outer .signup-con .login-signin{align-items:center;display:flex;flex-direction:column}.signup-outer .signup-con .login-signin button{background-color:#233d4d;border:none;border-radius:.3rem;box-shadow:1px 1px 1px 1px #504e4e;color:#cf6139;margin-bottom:0;margin-top:.2rem;padding:.5rem}.signup-outer .signup-con .login-signin button:hover{background-color:#cf6139;color:#233d4d}.nav{align-items:center;display:flex;justify-content:center;text-align:center}.nav span{color:#fff;font-family:Saira Stencil One,cursive;font-size:2.5rem;padding:1rem;transition:.5s linear}@media(min-width:576px){.nav span{font-size:3rem}}@media(min-width:768px){.nav span{font-size:4rem}}.nav span:hover{color:#ffcb77;cursor:pointer}.nav .nav-list{display:none}@media(min-width:982px){.nav .nav-list{display:flex;justify-content:space-around;list-style:none;position:absolute;right:3rem;top:3rem}.nav .nav-list button{border:none;border-radius:.5rem;color:#000;font-size:1rem;margin:0 .5rem;padding:.5rem}.nav .nav-list button:hover{cursor:pointer}.nav .nav-list #logout-user{background-color:#17c3b2}.nav .nav-list #logout-user:hover{background-color:#000;color:#17c3b2}.nav .nav-list #delete-user{background-color:#da273e}.nav .nav-list #delete-user:hover{background-color:#000;color:#da273e}.nav .nav-list a{color:#fff}}.nav #hamburger{border-radius:5px;cursor:pointer;padding:.3rem;position:absolute;right:1rem;top:2rem;width:2rem;z-index:99}.nav #hamburger:hover{border:2px solid rgba(214,198,54,.856)}@media(min-width:982px){.nav #hamburger{display:none}}.navLogin{align-items:center;background-color:#fff;display:flex;justify-content:center;position:absolute;text-align:center;top:0;width:100%;z-index:1}.navLogin span{color:#003d5b;font-family:Saira Stencil One,cursive;font-size:2.5rem;padding:1rem}@media(min-width:576px){.navLogin span{font-size:3rem}}@media(min-width:768px){.navLogin span{font-size:4rem}}@media(min-width:576px){.navLogin{font-size:3rem}}@media(min-width:768px){.navLogin{font-size:4rem}}.navLogin #hamburger{border-radius:5px;cursor:pointer;padding:.3rem;position:absolute;right:1rem;top:2rem;width:2rem;z-index:99}.navLogin #hamburger:hover{border:2px solid rgba(214,198,54,.856)}@media(min-width:982px){.navLogin #hamburger{display:none}}.dropdown{animation:dropdown .2s ease-in-out forwards;background-color:#2d4e63e5;border-radius:0 0 1rem 1rem;box-shadow:0 2px 1px rgba(27,31,35,.904);padding:.5rem;position:absolute;text-align:center;top:5.2rem;transform-origin:top center;width:100%;z-index:5}@media(min-width:576px){.dropdown{top:6.3rem}}@media(min-width:768px){.dropdown{font-size:1.3rem;top:8rem}}@media(min-width:982px){.dropdown{background-color:#fff;display:none}}.dropdown .drop-con{list-style:none}.dropdown .drop-con a{text-decoration:none}.dropdown .drop-con a:visited{color:#000}.dropdown .drop-con li{color:rgba(214,198,54,.856);font-size:1.1rem;line-height:1.7;text-shadow:1px 1px 0 #000}@media(min-width:982px){.dropdown .drop-con li{background-color:#fff;display:none}}.dropdown .drop-con li:hover{color:#ff4500;cursor:pointer}.dropdown-hide{display:none}.footer-con{align-items:center;background-color:#333;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:.3rem;position:fixed;width:100%}.footer-con #quote{background-color:#fffcf2ef;border-radius:.5rem;color:#333;margin-bottom:.3rem;padding:.3rem;text-align:center}*,:after,:before{box-sizing:border-box;font-family:Yanone Kaffeesatz,sans-serif;margin:0;padding:0}body{background-color:#003d5b}.note-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}@media(min-width:982px){.note-container{align-items:flex-start;flex-wrap:nowrap;justify-content:flex-start}}.modalCon{background-color:#00000080;height:100%;left:0;overflow:auto;padding-top:200px;position:fixed;top:0;width:100%;z-index:1}.modalHide{display:none}.modalNote{animation:openToDo .2s linear forwards;background-color:#fcca46;border:1px solid #000;box-shadow:5px 5px 10px #000;left:45%;padding:.5rem;position:absolute;width:20%}.close{color:#ff0054;cursor:pointer;display:flex;float:right;font-weight:700;height:1.7rem;justify-content:center;margin-left:.5rem;padding:0 .7rem;width:1rem}.modalDetail{padding:2rem 1rem}.editBtn{background-color:#ff4500;border:none;border-radius:50%;color:#fff;height:1.6rem;margin-left:1rem;width:1.6rem}.detailTitle{font-weight:800;text-align:center}.noteTime{background-color:#233d4d;color:#fcca46;text-align:right}.titleNBody{border:2px dotted #233d4d;color:#233d4d}#add-con{bottom:0;display:flex;justify-content:flex-end;position:-webkit-sticky;position:sticky;z-index:5}@media(min-width:1200px){#add-con{display:none}}#add-con #add-new-note{align-items:center;background-color:#da273fd3;border-radius:50%;box-shadow:1px 1px 15px #000;color:#fff;cursor:pointer;display:flex;font-size:1.4rem;height:3rem;justify-content:center;margin:.5rem;width:3rem}#add-con #add-new-note:hover{background-color:#ff4500}.for-fixed{min-height:100vh}
/*# sourceMappingURL=main.226814d2.css.map*/