@import"https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap";@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#wrapper{position:fixed;width:100%;height:100%;left:0;top:0;background-color:#66666680}#loading-text{display:block;position:absolute;top:50%;left:50%;color:#000;width:100px;height:30px;margin:0 0 0 -40px;text-align:center;font-family:Architects Daughter,cursive;font-size:30px}#loading-content{display:block;position:relative;left:50%;top:50%;width:200px;height:200px;margin:-85px 0 0 -85px}#loading-content:after{content:"";position:absolute;inset:15px}#loading-content:before{content:"";position:absolute;inset:5px}#loading-content{border:3px solid transparent;border-top-color:#732091;border-bottom-color:#45045c;border-radius:50%;animation:loader 3s linear infinite}#loading-content:before{border:3px solid transparent;border-top-color:#9f5eb6;border-bottom-color:#5a1075;border-radius:50%;animation:loader 4s linear infinite}#loading-content:after{border:3px solid transparent;border-top-color:#833a9d;border-bottom-color:#9f5eb6;border-radius:50%;animation:loader 4.5s linear infinite}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrapper{width:95vw;margin-right:auto;margin-left:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.notes-list{display:flex;flex-direction:row;width:100%;flex-wrap:wrap;align-items:center;justify-content:center}.note{background-color:#e6e6fa;border-radius:10px;padding:10px;margin:10px;display:flex;flex-direction:column;justify-content:space-between;width:90%}.note.new{background-color:#9f5db699;color:#000}.note.new ::placeholder{color:#000}.inner{display:flex;flex-direction:column;justify-content:space-between;min-height:170px}textarea{border:none;resize:none;padding:3px;background-color:#0000;white-space:pre-wrap}textarea :focus{outline:solid 1px #000}.save{background-color:#5a1075;border:2px solid #5a1075;margin-top:5px;border-radius:15px;padding:5px 10px;color:#fff}.save:hover{cursor:hover;background-color:#40e0d0;border:2px solid #fff}.wrap-icons{height:27px;padding:3px;border:none}.wrap-icons .icons{cursor:pointer;height:100%;margin:2px}.wrap-icons .icons:hover{border:none;background-color:#40e0d0;border-radius:20%}.wrap-icons .edit{font-size:19px}.wrap-icons .delete,.wrap-icons .cancel{font-size:23px}.wrap-icons .saved{font-size:31px}.note-footer{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 700px){.note{width:40%}}@media screen and (min-width: 990px){.note{width:29%}}