@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&family=Rubik+Glitch&display=swap);@import url(https://fonts.googleapis.com/css2?family=Grape+Nuts&display=swap);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}*{border:0}*,:after,:before{box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none}aside,footer,header,nav{display:block}body,html{-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;font-size:14px;height:100%;line-height:1;width:100%}button,input,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{border:0;padding:0}a,a:hover,a:visited{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}:root{--blue:#1a3957;--white:#ececec}body{background:var(--background-color);color:var(--text-color);transition:background .3s ease-in-out,color .6s ease-in-out}body.light{--background-color:var(--white);--text-color:var(--blue)}body.dark{--background-color:var(--blue);--text-color:var(--white)}#darkMode{background:var(--background-color);border:2px solid var(--text-color);border-radius:20px;color:var(--text-color);padding:10px 15px}#darkMode:hover{background-color:var(--text-color);color:var(--background-color)}.clicked{background:var(--background-color)}.button{border:none;border-radius:10px;padding:5px 10px}.divider{background-color:#dcaeae;height:1px;margin:5px}*{box-sizing:border-box;font-family:Montserrat,sans-serif;margin:0;padding:0}.wrapper{display:flex;flex-direction:column;margin:0 auto;max-width:960px;min-height:100vh;overflow:hidden;padding:0 15px}.header{color:#61dafb;display:flex;font-size:48px;font-weight:700;padding:25px 0}.header .header__title{color:var(--text-color);width:880px}.header .header__darkMode{align-items:center;display:flex;margin:0 auto;min-width:120px}.search{display:flex;padding:0;position:relative}.search img{height:38px}.search .search__bar{width:880px}.search input{background:url(https://static.thenounproject.com/png/101791-200.png) no-repeat scroll 12px 8px var(--text-color);background-size:20px;border:none;border-radius:10px;color:var(--background-color);outline:none;padding:10px 10px 10px 40px;width:100%}.search .search__filter{align-items:center;display:flex;justify-content:center;min-width:120px}.search .search__filter img{cursor:pointer}.search .search__filter_tags{align-items:center;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;background-color:var(--text-color);border-radius:10px;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:10px;position:absolute;right:0;top:50px;visibility:visible;width:160px;z-index:1}.search .search__filter_tags p{border-bottom:1px solid #777;color:var(--background-color);cursor:pointer;font-weight:600;margin-bottom:5px}.search .search__filter_tags p:hover{color:#c1c1c1}.search .search__filter_tags:after{border:10px solid transparent;border-bottom-color:#e1e1e1;bottom:100%;content:"";margin-left:40px;position:absolute;z-index:2}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.notes{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:10px;margin:25px 0}.note{background-color:#ffe87b;border-radius:10px;color:#555;display:flex;flex:0 1 32%;flex-direction:column;height:220px;justify-content:space-between;padding:15px}.note__text{flex:1 1}.note__text textarea{background-color:transparent;border:none;height:90%;outline:none;resize:none;width:100%}.note__tag label{font-size:18px;padding:0 10px}.note__tag .note__tag_add{align-items:center;display:flex;justify-content:space-between}.note__tag .note__tag_add input{background:transparent;padding:0 7px;width:80%}.note__tag .note__tag_add input[type=button]{flex:1 1}.note__tag .note__tag_add button{background-color:transparent}.note__tag .tag_icon{cursor:pointer;height:25px;width:25px}.note__tag .note__tag_tags{align-items:center;display:flex;justify-content:space-between}.note__tag .note__tag_tags .tags{display:flex;flex-wrap:wrap}.note__tag .note__tag_tags .tag_switch{float:right}.note__info{align-items:center;display:flex;justify-content:space-between}.note_add{background-color:#a7e69a}.tag{background-color:#eeeded;border-radius:15px;display:inline;font-weight:500;margin-right:5px;margin-top:5px;padding:5px 7px}.tag .tag_delete{color:red;cursor:pointer;font-weight:600;padding:0 4px}.footer{background:var(--text-color);border-top-left-radius:20px;border-top-right-radius:20px;color:var(--background-color);font-weight:900;padding:25px 0;text-align:center}.footer span{color:red;text-decoration:underline}.footer p{font-size:12px;margin-top:10px}@media(max-width:800px){.note{flex:0 0 48%}}@media(max-width:512px){.note{flex:0 0 100%}}
/*# sourceMappingURL=main.e36c33b1.css.map*/