*{box-sizing:border-box}body{margin:0;background-image:linear-gradient(to right,#a4def01a,#00af001a);color:#333}@font-face{font-family:GreatVibes;src:url(/fonts/GreatVibes-Regular.ttf)}@font-face{font-family:KellySlab;src:url(/fonts/KellySlab-Regular.ttf)}@font-face{font-family:MarckScript;src:url(/fonts/MarckScript-Regular.ttf)}@font-face{font-family:MontserratAlternates-Medium;src:url(/fonts/MontserratAlternates-Medium.ttf)}@font-face{font-family:MontserratAlternates-MediumItalic;src:url(/fonts/MontserratAlternates-MediumItalic.ttf)}@font-face{font-family:Podkova-VariableFont_wght;src:url(/fonts/Podkova-VariableFont_wght.ttf)}@font-face{font-family:RubikMonoOne-Regular;src:url(/fonts/RubikMonoOne-Regular.ttf)}@font-face{font-family:SawarabiGothic-Regular;src:url(/fonts/SawarabiGothic-Regular.ttf);font-weight:700}.App,#root{height:100vh}h1{text-align:center;font-family:MontserratAlternates-Medium}@media screen and (max-width: 600px){h1{font-size:1.7rem}}@media screen and (min-width: 600px){h1{font-size:2.5rem}}button{background-color:#00af00;border:none;color:#f5f5f5;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:8px;font-family:MontserratAlternates-Medium}button{font-size:1.2rem}@media screen and (max-width: 600px){button{font-size:1rem}}button:hover{background-color:#007200}.container{display:flex;flex-direction:column;justify-content:start;min-height:100%;background:linear-gradient(to bottom,#aee7ff 70%,#00af0033);font-family:MontserratAlternates-Medium}.container{font-size:1.2rem}@media screen and (max-width: 600px){.container{font-size:1rem}}header{display:flex;justify-content:space-between;align-items:center;background-image:url(/bg-clouds.png);background-size:cover;background-position:bottom;color:#333}header #logo{width:100px;height:100px;position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center}header #logo img{width:100%}header #logo p{position:absolute;top:70px;left:auto;font-family:MontserratAlternates-Medium;font-size:12px}@media screen and (max-width: 600px){header #logo p{top:40px;font-size:8px}}@media screen and (max-width: 450px){header #logo{width:60px;height:60px;top:5px}}header .title{width:100%;text-align:center}header .title a{color:#333;text-decoration:none}.card{padding:10px;display:flex;align-items:center;flex-direction:column;flex-grow:1;position:relative}.card .input-block{display:flex;flex-direction:column;align-items:center;margin:10px}.card .input-block .inputs{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:10px}.card .input-block input{padding:10px;border-radius:8px}.card textarea{display:block;margin-bottom:10px;resize:none;height:300px;width:80%;max-width:600px;border-radius:8px;padding:12px;font-family:MontserratAlternates-Medium}.card textarea{font-size:1.2rem}@media screen and (max-width: 600px){.card textarea{font-size:1rem}}.description{text-align:center;font-size:16px;max-width:600px;margin:0 auto}.description ul{list-style-type:disc}.description ul li{text-align:start;margin-bottom:6px}footer{color:#33333380;padding:14px;text-align:center;font-size:14px;width:100%}.error{color:red;margin:0 0 10px;font-size:14px}.message{background-color:#333;opacity:.8;color:#f5f5f5;border-radius:8px;padding:10px;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.note-page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;background-position:center;background-size:contain;background-repeat:repeat;font-family:MontserratAlternates-Medium}.note-page{font-size:1.2rem}@media screen and (max-width: 600px){.note-page{font-size:1rem}}.note-page a{text-decoration:none;color:#f5f5f5;background-color:#00af00;padding:10px;border-radius:8px}.note-page a:hover{background-color:#007200}.note-page .content{text-align:center;background-color:#a4def0f2;border-radius:8px;padding:20px;max-width:600px;height:fit-content;box-shadow:0 0 100px #000000e6}.note-page .content h1,.note-page .content h2{margin:0}.note-page .content h2{font-family:MontserratAlternates-Medium}.note-page .content .text-content{font-size:3rem;margin:20px 0}@media screen and (max-width: 600px){.note-page .content .text-content{font-size:1.6rem}}@media screen and (max-width: 600px){.note-page .content{width:90%}}@media screen and (min-width: 600px){.note-page .content{min-width:400px}}.note-page .delete-date{font-size:10px;text-shadow:2px 2px 3px black;padding:10px;color:#f5f5f5;opacity:.8}.themes{display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.themes .current-theme{display:flex;align-items:center;padding:8px;margin-left:10px;border-radius:8px}.themes .current-theme svg{margin-left:5px;margin-top:5px;transition:transform .3s ease-in-out}.themes .current-theme:hover{color:#a4def0;background-color:#333333b3}.themes .rotated{transform:rotate(180deg)}.themes .themes-list{background-color:#333c;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:110%;z-index:1;padding:10px;border-radius:8px;text-align:center;color:#f5f5f5}.themes .themes-list .list{display:flex}.themes .themes-list h4,.themes .themes-list ul{margin:0 0 10px}.themes .themes-list ul{list-style-type:none;padding:0;display:grid;grid-template-columns:auto auto}@media screen and (max-width: 600px){.themes .themes-list ul{grid-template-columns:auto}}.themes .themes-list ul li{margin:2px;padding:5px;display:flex;justify-content:start;align-items:center}.themes .themes-list ul li:hover{color:#a4def0}.themes .themes-list ul li img{margin-right:10px}.themes .themes-list .btn{background:none;border:1px solid #f5f5f5;padding:10px;margin:5px}.themes .themes-list .btn:hover{color:#a4def0}.active{color:#a4def0;background-color:#333333b3;border-radius:8px}.error-page{text-align:center;display:flex;flex-direction:column;flex-grow:1}