body{box-sizing:border-box;margin:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.note{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;padding:25px;width:270px;height:200px;background-color:#22bfa0;border-radius:8%;font-size:18px;color:#222;font-weight:500;position:relative}.note__input{background-color:transparent;font-size:18px;height:140px;max-width:255px;border:none;outline:none}.note__bottom{-webkit-align-items:center;align-items:center;font-size:14px}.note__bottom,.note__icons{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.note__icons{width:85px}.icon-wrapper{background-color:#000;width:40px;height:40px;border-radius:50%;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;cursor:pointer;border:none}.icon-wrapper,.note__colors{display:-webkit-flex;display:flex}.note__colors{position:absolute;-webkit-flex-direction:column;flex-direction:column;right:28px;bottom:80px}@media (max-width:426px){.note{justify-self:center}}@media (max-width:426px){.noteList__title{font-size:28px}}.sidebar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.sidebar__logo{width:150px}.sidebar__icons{height:auto;-webkit-align-items:center;align-items:center}.sidebar__colors,.sidebar__icons{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.color-btn{border-radius:50%;cursor:pointer;border-width:0;width:25px;height:25px;margin:5px}@media (max-width:426px){.sidebar{position:-webkit-sticky;position:sticky;z-index:1;bottom:0;background:#fff;-webkit-justify-content:center;justify-content:center;width:100%}.sidebar,.sidebar__icons{-webkit-flex-direction:row;flex-direction:row}.sidebar__logo{width:80px}}.pink{background-color:#ff9aa2;color:#ff9aa2}.orange{background-color:#ffdac1;color:#ffdac1}.green{background-color:#b5ead7;color:#b5ead7}.purple{background-color:#c7ceea;color:#c7ceea}.yellow{background-color:#fff87f;color:#fff87f}.notelist__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:20px}.noteList__title{font-size:64px;margin:20px 0}.sidebar{grid-area:sidebar}.main{grid-area:main}.app{display:grid;grid-template-columns:1fr 5fr;grid-template-areas:"sidebar main main main main main";height:100vh}@media (max-width:426px){.app{grid-template-columns:1fr;grid-template-rows:3fr .5fr;grid-template-areas:"main" "sidebar"}}.bg-pink{background-color:#ff9aa2}.bg-orange{background-color:#ffdac1}.bg-green{background-color:#b5ead7}.bg-purple{background-color:#c7ceea}.bg-yellow{background-color:#fff87f}.bg-gray{background-color:#d3d3d3}.icon-btn{border:none;cursor:pointer;height:100%;width:100%;border-radius:50%;background-color:transparent}
/*# sourceMappingURL=main.bf97c484.chunk.css.map */