body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;font-family:Jost,sans-serif;margin:0;padding:0}html{font-size:62.5%}a{text-decoration:none}li{list-style:none}.logo h2{font-size:4.5rem;font-weight:400;margin-top:1rem}.main-nav{background-color:#000;box-shadow:10px 5px 5px grey;color:#fff;display:grid;grid-template-columns:10rem 1fr 1fr 10rem;height:6.5rem;position:-webkit-sticky;position:sticky;width:100%}.input_search{grid-column:3;padding-top:1.4rem;text-align:right}::-webkit-input-placeholder{font-size:1.6rem}::placeholder{font-size:1.6rem}.input_search input[type=text]{border-radius:4px;padding:10px 20px}.logo{grid-column:2/3;justify-content:center}.logo h2{font-size:3rem;font-weight:500;position:relative;top:.8rem}.section{border-radius:4px;height:33rem;margin:3rem auto;width:60%}.section h1{font-size:3.2rem}.inner_notes{border:2px solid #00000036;display:flex;flex-direction:column;gap:1rem;height:20rem;margin:1rem;width:100%}.title{margin-left:1rem;margin-top:1.4rem}.title h3{font-size:2rem}.inner_notes input[type=text]{border:1px solid #00000036;height:6.5rem;margin-left:1rem;padding:0 10px;width:98%}.inner_notes input[type=text]:focus{border-color:#80bdff;border-radius:4px;box-shadow:0 0 0 .2rem rgba(0,123,255,.25);outline:0}.btn_class{margin-left:1.2rem;margin-top:1rem}.btn{background-color:#0016ffa8;border:none;border-radius:4px;color:#fff;padding:8px 20px}.heading{border-bottom:1px solid #00000036;border-top:1px solid #00000036;margin-left:1rem;margin-top:1.7rem;width:100%}.heading h1{padding:1.5rem 0}.middle{border-radius:4px;height:50rem;margin:2rem auto;padding:2rem auto;width:60%}.scroll{display:grid;grid-template-columns:1fr 1fr 1fr}.cards{background-color:#f6f6f6;border-radius:5px;border-radius:.5rem;display:flex;flex-direction:column;gap:1.8rem;height:16.4rem;margin:1rem auto;overflow:hidden;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:35rem}.cards:hover{-webkit-filter:drop-shadow(.2rem .3rem .3rem grey);filter:drop-shadow(.2rem .3rem .3rem grey)}.name{height:9.6rem;left:2rem;overflow-y:scroll;padding:0 2px;position:relative;top:1rem}.name h4{font-size:1.4rem;line-height:2rem}.btn_delete{position:relative;right:2rem}.btn_edit{left:2rem;position:relative}.del-btn{background-color:#0016ffa8;border:none;border-radius:4px;color:#fff;outline:none;padding:8px 18px;transition:.4s ease-out}.del-btn:hover{border:1px solid #000;box-shadow:inset 110px 0 0 0 #fff;color:#000}.edit-btn{background-color:#0016ffa8;border:none;border-radius:4px;color:#fff;outline:none;padding:8px 20px;transition:.4s ease-out}.edit-btn:hover{border:1px solid #000;box-shadow:inset 110px 0 0 0 #fff;color:#000}.buttons{display:flex;justify-content:space-between}@media (max-width:1868px){.scroll{display:grid;grid-template-columns:1fr 1fr;margin:3rem auto}}@media (max-width:1235px){.scroll{display:grid;grid-template-columns:1fr;margin:3rem auto}}@media (max-width:789px){.main-nav{align-items:center;display:flex;flex-direction:column;gap:1rem;height:13rem}.logo h2{font-size:4.2rem;font-weight:400;margin-top:.3rem}.section h1{font-size:2.5rem}}@media (max-width:717px){.cards{width:28rem}.name h4{font-size:1.4rem;line-height:2rem}}@media (max-width:522px){.cards{width:23rem}.name h4{font-size:1.4rem;line-height:2rem}.del-btn,.edit-btn{padding:6px 10px}.name h4{position:relative;right:.2rem}}@media (max-width:440px){.cards{width:21rem}.del-btn,.edit-btn{padding:6px 8px}}@media (max-width:476px){.section h1{font-size:2rem}}
/*# sourceMappingURL=main.6b9b07c3.css.map*/