@import url(https://fonts.googleapis.com/css2?family=Merienda+One&display=swap);*{box-sizing:border-box;font-family:Merienda One,cursive;margin:0;padding:0}body{background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.8)),url(https://images.pexels.com/photos/1629212/pexels-photo-1629212.jpeg?cs=srgb&dl=pexels-min-an-1629212.jpg&fm=jpg);background-attachment:fixed;background-position:50%;background-size:100% auto}body::-webkit-scrollbar{display:none}.App{display:block;margin:0 auto;padding:4rem;width:82%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;width:100%}.header h1{-webkit-text-fill-color:transparent;-webkit-animation:background 1.5s linear infinite alternate;animation:background 1.5s linear infinite alternate;background:linear-gradient(45deg,#8be3e7,#ffbf00,#7fe9de);background-clip:text;-webkit-background-clip:text;background-size:50%;border-radius:20px;flex-basis:25%;font-size:2.5rem}@-webkit-keyframes background{to{background-position:100%}}@keyframes background{to{background-position:100%}}.searchForm{flex-basis:75%;margin:1.2rem 0;position:relative;width:100%}.searchForm input{background:#5f6f94b7;border:0;border-radius:2rem;box-shadow:0 0 18px #cfdbdaaa;color:#f5f5f5;display:block;float:right;font-size:1vw;outline:0;padding:.8rem 2rem;width:70%}.searchForm input::-webkit-input-placeholder{color:#fff;opacity:.8}.searchForm i{color:#fff;font-size:1vw;position:absolute;right:1.8rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.notes-list{grid-gap:2rem 1rem;display:grid;grid-template-columns:repeat(3,1fr);margin-top:3.6rem;width:100%}.note-app{background:#f9f9f9d2;border-radius:10px;box-shadow:0 0 12px #bedbdb;display:flex;flex-direction:column;justify-content:space-between;min-height:20rem;padding:1.4rem;position:relative;width:400px}.note-app:before{background:#f24c4c;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:-10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:20px}.note-app .note-header{width:100%}.note-app .note-header p{font-size:1.1vw;line-height:2.3rem;margin-bottom:1rem;width:100%}.note-header textarea{background:transparent;border:0;color:#f5f5f5;font-size:.8vw;line-height:2rem;outline:0;width:100%}.note-footer{align-items:center;display:flex;justify-content:space-between}.note-footer small{color:#293462;font-size:1vw}.note-footer i{color:#293462;cursor:pointer;font-size:1.1vw}.add-note{background:#ff7000}.add-note button{background:#1746a2;border:0;border-radius:20px;color:#f5f5f5;cursor:pointer;outline:0;padding:8px 16px}.note-header textarea::-webkit-input-placeholder{color:#fff}.note-header textarea::placeholder{color:#fff}.add-note:before{display:none}@media only screen and (max-width:820px){.App{padding:20px 0 2rem}.header{flex-direction:column}.header h1,.searchForm{flex-basis:100%;text-align:center}.searchForm input{float:none;font-size:3vw;padding:.8rem 1rem;width:100%}.notes-list{grid-template-columns:repeat(1,1fr);margin:0}.note-app{min-height:14rem;width:100%}.note-footer i,.note-footer small{font-size:3vw}.note-app .note-header p{font-size:4.3vw;line-height:2rem;text-align:justify}.add-note textarea{font-size:3.6vw}}@media only screen and (min-width:730px) and (max-width:1520px){.notes-list{grid-template-columns:repeat(2,1fr)}}
/*# sourceMappingURL=main.f02e1414.css.map*/