@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#777;display:flex;font-family:Poppins,sans-serif;height:100vh;justify-content:center;width:100%}#root{height:90vh;position:relative;width:600px}.app{background-color:#f8c860;border-radius:25px;display:block;height:100%;margin:auto;overflow-y:scroll;width:100%}::-webkit-scrollbar{display:none}.noteHeader{align-items:center;background-color:#005a3f;display:flex;height:12%;justify-content:space-between;padding:0 35px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.noteHeader h1{color:#daa520;font-size:40px;width:50%}.searchBar{align-items:center;display:flex;gap:10px;justify-content:flex-end;width:50%}.noteHeader.res,.noteHeader.res .searchBar{justify-content:center}.searcInput,.searchBtn{display:block}.searchInput{background:transparent;border:none;border-bottom:2px solid #000;color:bisque;font-size:20px;padding:10px}.searchInput:focus{outline:none}.searchBtn{cursor:pointer;font-size:20px;padding:10px}.noteBody{color:#6e6e6e;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly;padding:25px 20px}.singleNote{background-color:#00548b;border-radius:15px;display:flex;flex-direction:column;justify-content:center;padding:15px;text-decoration:none}.singleNote:nth-child(3n){flex-grow:1}.singleNote:nth-child(4n),.singleNote:nth-child(6n){flex-grow:2}.singleNote h2{color:#daa520}.singleNote h2,.singleNote p{padding:5px 0;text-align:center}.singleNote p{color:bisque;font-size:14px;font-weight:500}.makeANote{background-color:#000;color:#f0f8ff;display:block;height:100%;margin:0 auto;padding:15px;width:100%}.makeNoteHead{align-items:center;background-color:#0a5039;display:flex;height:5%;justify-content:space-evenly;width:100%}.makeNoteIcon{color:#daa520;cursor:pointer;font-size:40px}.makeNoteHead button{background-color:#daa520;border:none;border-radius:10px;cursor:pointer;font-size:20px;padding:5px}.makeNoteForm{display:flex;flex-direction:column;gap:30px;margin-top:25px}.makeNoteForm input,.makeNoteForm textarea{background:transparent;border:none;border-bottom:2px solid #fff;color:#fff}.makeNoteForm input:focus,.makeNoteForm textarea:focus{background:transparent;outline:none}.makeNoteForm input{font-size:30px}.makeNoteForm textarea{font-size:20px}.addBtn{align-items:center;cursor:pointer;display:flex;font-size:40px;justify-content:center;left:80%;padding:4px;position:absolute;top:80%;vertical-align:bottom;z-index:9}@media only screen and (max-width:600px){#root{height:100vh;width:100vw}.app{border-radius:0;height:100%;width:100%}.noteHeader{height:12%}.noteHeader .searchBar{justify-content:flex-end}.noteHeader h1{font-size:30px}.searchBtn,.searchInput{font-size:15px;padding:8px}.noteHeader.res{display:flex}.noteHeader.res,.noteHeader.res .searchBar{justify-content:center}.singleNote:nth-child(1n){flex-grow:1}.singleNote h2{font-size:18px}.singleNote p{font-size:12px}.addBtn{left:50%;top:70%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.makeNoteIcon{font-size:24px}.makeNoteHead{height:8%}.makeNoteHead button{font-size:16px;padding:5px}.makeNoteForm input{font-size:24px}.makeNoteForm textarea{font-size:18px}.addBtn{font-size:25px}}@media only screen and (max-width:435px){.noteHeader h1{font-size:26px}.makeNoteHead{height:5%}.makeNoteHead button{font-size:12px;padding:3px}.makeNoteForm input{font-size:20px}.makeNoteForm textarea{font-size:16px}}@media only screen and (max-width:300px){.noteHeader h1{font-size:22px}.singleNote h2{font-size:17px}}
/*# sourceMappingURL=main.265556bd.css.map*/