@import"https://fonts.googleapis.com/css2?family=Agbalumo&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap";:root{--primary-color: rgb(255, 17, 116);--secondary-color: rgb(255, 22, 177);--hover-color: rgb(230, 0, 96);--light-color: #fff;--dark-color: #424242;--placeholder: #9c9c9c;--dark-placeholder: #6b6b6b;--black-color: #131313;--white-color: #f1f1f1;--delete-color: rgb(255, 84, 84);--archive-color: rgb(255, 187, 0)}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth!important;font-family:Montserrat,sans-serif}body{color:var(--dark-color);background-color:var(--light-color);transition:.2s ease-in-out}.dark body{color:var(--light-color);background-color:var(--dark-color)}.btn{display:flex;justify-content:center;align-items:center;gap:.5rem;background-color:var(--primary-color);font-size:.9rem;padding:.7rem .9rem;color:var(--light-color);font-weight:700;border-radius:.7rem;cursor:pointer;transition:.3s ease-in-out}.nav-brand{display:flex;justify-content:center;align-items:center;font-family:Agbalumo,cursive;font-size:2rem;color:transparent;background:linear-gradient(60deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;cursor:pointer}.pt_normal{padding-top:6.5rem!important}.container{padding:1rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media (min-width: 768px){.container{padding:1rem 2rem}.pt_normal{padding-top:7rem!important}}nav{display:flex;justify-content:space-between;align-items:center;position:fixed;box-shadow:0 0 8px #0003;padding:1rem 1.5rem;width:100%;height:fit-content;background-color:var(--light-color);top:0;z-index:9999;transition:.2s ease-in-out}.dark nav{background-color:var(--dark-color)}nav .nav-item{display:flex;justify-content:center;align-items:center;gap:1.5rem}nav .nav-item .github:hover{background-color:var(--hover-color)}nav .nav-item .dark-mode-toggle,nav .nav-item .search-btn{font-size:1.35rem;display:flex;justify-content:center;align-items:center;cursor:pointer}@media (min-width: 768px){nav{padding:1rem 2rem}nav .nav-item{gap:2rem}nav .nav-item .github{font-size:1rem;padding:.7rem 1rem}}.search-field{width:100%;height:fit-content;position:relative;margin-top:.5rem}.search-field .search-icon{position:absolute;top:1.1rem;left:1.2rem;color:var(--placeholder)}.dark .search-field .search-icon{color:var(--dark-placeholder)}.search-field .search{padding:1rem 2rem 1rem 3rem;width:100%;border-radius:.8rem;font-size:1rem;outline:none;border:1px solid var(--placeholder);color:var(--placeholder);background-color:var(--white-color);transition:.3s ease-in-out}.dark .search-field .search{background-color:var(--black-color);border:1px solid var(--dark-placeholder);color:var(--dark-placeholder)}.search-field .search::placeholder{color:var(--placeholder)}.dark .search-field .search::placeholder{color:var(--dark-placeholder)}@media (min-width: 1024px){.search-field{margin-top:.8rem}}.list-wrapper{margin-top:2rem}.gd-notes{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}.title-list{font-size:1.5rem;margin-bottom:1rem}.card-container{position:relative;padding:.5rem .5rem 3.25rem;border:1px solid var(--dark-color);width:100%;height:270px;border-radius:.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:.3rem;overflow:hidden;background-color:var(--white-color);transition:.3s ease-in-out;cursor:pointer}.card-container:hover{transform:translateY(-.35rem)}.dark .card-container{border:1px solid var(--light-color);background-color:var(--black-color)}.card-container .title-card{font-weight:700;font-size:1.3rem}.card-container .date{font-size:.8rem;color:var(--placeholder);margin-bottom:.4rem}.card-container .content-card{font-size:.9rem}.card-container .btn-card{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:100;background-color:var(--white-color);transition:.2s ease-in-out}.dark .card-container .btn-card{background-color:var(--black-color)}.card-container .btn-card .delete,.card-container .btn-card .archive{width:100%;display:flex;justify-content:center;align-items:center;padding:.7rem;font-size:.9rem;font-weight:700;cursor:pointer;gap:.5rem}.dark .delete{border-top:1px solid var(--light-color)!important;border-right:1px solid var(--light-color)!important}.dark .archive{border-top:1px solid var(--light-color)!important}.delete{border-top:1px solid var(--dark-color)!important;border-right:1px solid var(--dark-color)!important;color:var(--delete-color)}.delete .icon,.archive .icon{font-size:1.1rem}.archive{border-top:1px solid var(--dark-color)!important;color:var(--archive-color)}.title-archive{font-size:1.5rem;margin-top:3rem;margin-bottom:1rem}.empty-notes{width:100%;display:flex;justify-content:center;align-items:center;padding:1.5rem}@media (min-width: 768px){.card-container{width:280px}.gd-notes{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.gd-notes{grid-template-columns:repeat(4,1fr)}}.add-container{position:fixed;bottom:1rem;right:1rem;background-color:var(--primary-color);padding:.9rem;font-size:1.5rem;display:flex;justify-content:center;align-items:center;border-radius:100%;cursor:pointer;color:var(--light-color);z-index:9999}textarea{resize:none;font-family:Montserrat,sans-serif}.form-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:999}.dark .form-wrapper{background-color:#0006}.form{position:relative;background-color:var(--light-color);width:300px;border-radius:.5rem;padding:1.2rem;display:flex;justify-content:center;align-items:stretch;flex-direction:column;box-shadow:0 0 12px #0003;gap:1rem}.dark .form{background-color:var(--dark-color)}.form .close-btn{position:absolute;right:.3rem;top:.3rem;font-size:1.5rem;cursor:pointer}.form .title-form{align-self:center;font-size:1.7rem;font-weight:600;margin-bottom:1rem}.form .char{font-size:.8rem;align-self:flex-end}.form .input-field{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.5rem}.form .input-field input{width:100%;border-radius:.5rem;padding:.8rem;outline:none;border:1px solid var(--placeholder);background-color:var(--white-color);color:var(--dark-color)}.form .input-field input::placeholder{color:var(--placeholder)}.dark .form .input-field input{background-color:var(--black-color);border:1px solid var(--dark-placeholder);color:var(--placeholder)}.dark .form .input-field input::placeholder{color:var(--dark-placeholder)}.form .input-field textarea{width:100%;border-radius:.5rem;padding:.8rem;outline:none;border:1px solid var(--placeholder);background-color:var(--white-color);color:var(--dark-color)}.form .input-field textarea::placeholder{color:var(--placeholder)}.dark .form .input-field textarea{background-color:var(--black-color);border:1px solid var(--dark-placeholder);color:var(--placeholder)}.dark .form .input-field textarea::placeholder{color:var(--dark-placeholder)}.form button{padding:.65rem;border-radius:.5rem;font-size:.9rem;display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer;color:var(--light-color);background-color:var(--primary-color);outline:none;border:none;transition:.3s ease-in-out}.form button:hover{background-color:var(--hover-color)}@media (min-width: 768px){.form{width:600px}.form button{padding:.7rem;border-radius:.5rem}}