html{margin-left:calc(100vw - 100%)}body{font-family:Apercu,sans-serif;font-weight:500;transition:all .3s ease;background-color:#e6eaf6;-webkit-animation:body-appear 1s;animation:body-appear 1s}body::-webkit-scrollbar{width:1em}body::-webkit-scrollbar-thumb{background-color:#a9a9a9}#continue{border:0;background-color:#e7e7e7;font-size:18px;border-radius:5px;width:26rem;height:3rem}button,input{outline:none!important}.box-shadow{box-shadow:0 .25rem .75rem rgba(0,0,0,.25)}.box-shadow2{box-shadow:0 3px 15px rgba(70,72,77,.08)}.box-shadow3{box-shadow:0 5px 30px rgba(51,105,158,.09)}.note{-webkit-animation:appear .7s;animation:appear .7s}@-webkit-keyframes appear{0%{transform:scale(.75) rotateY(-30deg) rotateX(45deg) translateZ(4.5rem);transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:1rem 1rem 2rem rgba(0,0,0,.25)}}@keyframes appear{0%{transform:scale(.75) rotateY(-30deg) rotateX(45deg) translateZ(4.5rem);transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:1rem 1rem 2rem rgba(0,0,0,.25)}}@-webkit-keyframes body-appear{0%{transform:scale(.75) translateY(-50px) translateZ(4.5rem);transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:1rem 1rem 2rem rgba(0,0,0,.25)}}@keyframes body-appear{0%{transform:scale(.75) translateY(-50px) translateZ(4.5rem);transform-origin:50% 100%;transform-style:preserve-3d;box-shadow:1rem 1rem 2rem rgba(0,0,0,.25)}}@-webkit-keyframes move{0%{transform:translateX(-100px)}}@keyframes move{0%{transform:translateX(-100px)}}.transition{transition:all .3s ease}#welcome{margin-top:2.3rem}.modal-customize .modal-margin{margin-top:200px}.modal-customize .modal-footer,.modal-customize .modal-header{border:0!important}.modal-customize div input.modal-input{height:3rem;font-size:27px!important;transition:all .3s ease;text-align:center;border:none;border-radius:0;border-bottom:2px solid #d3d3d3;width:25.7rem;padding:0}.modal-customize div input.modal-input:focus{border-color:#989888}.border-right{border-right:1px solid #e7e7e7!important;min-height:95vh}.border-right button{margin-top:2.5rem;font-size:26px;background-color:#000;color:#fff;border-radius:50%;border:0;height:2.5rem;width:2.5rem}.container{border-radius:7px}.note-container .card{min-height:100%;-webkit-animation:move .5s;animation:move .5s}div.card{border:0;border-radius:7px;background-color:#ffc972;padding:0 10px;min-width:250px;max-width:23%}div.card .note-date{font-size:14.5px}div.card small{font-size:.75rem;color:#41464b}#search-note{width:35%!important}.btn-note{background-color:#000;border-radius:50%;width:2rem;height:2rem;margin-bottom:4px!important}.btn-note,.btn-note:hover{color:#fff}textarea{max-width:100%;height:70%;resize:none;transition:all .3s ease;outline:none}textarea::-webkit-scrollbar{width:7px!important}textarea::-webkit-scrollbar-track{border-radius:4px!important}textarea::-webkit-scrollbar-thumb{background:#888!important;border-radius:4px!important}textarea::-webkit-scrollbar-thumb:hover{background:#555!important}.textarea-blur{border-color:#ffc972;background-color:#ffc972}.delete-note{position:absolute;top:7px;left:3px}input.note-title{background-color:transparent!important;min-width:100%;font-size:22px;border:none;font-weight:500}@media only screen and (max-width:520px){h3{font-size:21px}input{width:15rem!important}.border-right{border-right:0!important}button{margin-top:1rem!important}}@media only screen and (max-width:991px){.note-container{flex-wrap:wrap}#search-note{width:100%!important}}.showNoteMode .edit-btn{display:block!important}.showNoteMode .check-btn{display:none!important}.showNoteMode .note-text{border-color:#ffc972!important;background-color:#ffc972!important}