@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{--glow-color: #ffffff}*,*:before,*:after{box-sizing:border-box}.glowing-btn{position:relative;color:var(--glow-color);cursor:pointer;padding:.35em 1em;border:.15em solid var(--glow-color);border-radius:.45em;background:none;perspective:2em;font-size:2em;font-weight:900;letter-spacing:1em;-webkit-box-shadow:inset 0px 0px .5em 0px var(--glow-color),0px 0px .5em 0px var(--glow-color);-moz-box-shadow:inset 0px 0px .5em 0px var(--glow-color),0px 0px .5em 0px var(--glow-color);box-shadow:inset 0 0 .5em 0 var(--glow-color),0 0 .5em 0 var(--glow-color);animation:border-flicker 2s linear infinite}.glowing-txt{font-family:"press start 2p",cursive;float:left;margin-right:-.8em;-webkit-text-shadow:0 0 .125em hsl(0 0% 100% / .3),0 0 .45em var(--glow-color);-moz-text-shadow:0 0 .125em hsl(0 0% 100% / .3),0 0 .45em var(--glow-color);text-shadow:0 0 .9em var(--glow-color);animation:text-flicker 3s linear infinite}.faulty-letter{opacity:.5;animation:faulty-flicker 2s linear infinite}.glowing-btn:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;opacity:.7;filter:blur(1em);transform:translateY(120%) rotateX(95deg) scaleY(.35);background:var(--glow-color);pointer-events:none}.glowing-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:-1;background-color:var(--glow-color);box-shadow:0 0 2em .2em var(--glow-color);transition:opacity .1s linear}.glowing-btn:hover{color:#858383e6;text-shadow:none;animation:none}.glowing-btn:hover .glowing-txt{animation:none}.glowing-btn:hover .faulty-letter{animation:none;text-shadow:none;opacity:1}.glowing-btn:hover:before{filter:blur(1.5em);opacity:1}.glowing-btn:hover:after{opacity:1}@keyframes faulty-flicker{0%{opacity:.1}2%{opacity:.1}4%{opacity:.5}19%{opacity:.5}21%{opacity:.1}23%{opacity:1}80%{opacity:.5}83%{opacity:.4}87%{opacity:1}}@keyframes text-flicker{0%{opacity:.1}2%{opacity:1}8%{opacity:.1}9%{opacity:1}12%{opacity:.1}20%{opacity:1}25%{opacity:.3}30%{opacity:1}70%{opacity:.7}72%{opacity:.2}77%{opacity:.9}to{opacity:.9}}@keyframes border-flicker{0%{opacity:.1}2%{opacity:1}4%{opacity:.1}8%{opacity:1}70%{opacity:.7}to{opacity:1}}@media only screen and (max-width: 600px){.glowing-btn{font-size:1em}}*{box-sizing:border-box}:root{--color-primary: #5fe4c552;--color-secondary: #6690ff;--color-tertiary: #d6e4ff}body{margin:0;color:#fff;display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(130deg,#18f7ffc2,#af002d 41.07%,#319197 76.05%) center / cover no-repeat fixed}header{font-size:52px;text-align:center;padding-top:1rem;font-family:"Press Start 2P",cursive}footer{padding:1em;font-size:14px;margin-top:auto;text-align:center;font-family:"Press Start 2P",cursive}main{height:840px;display:flex;justify-content:center;align-items:center}.hidden{display:none;opacity:0}section{margin-right:100px;height:768px;max-width:1026px;display:grid;grid-template-columns:repeat(2,1fr);gap:11rem}.box1{width:420px;height:520px;background:linear-gradient(320deg,#699ff08f 50%,#18e0d6b9);border:2px solid rgba(255,255,255,.6);border-radius:10px;padding:10px}.box2{font-family:Roboto Mono,cursive;width:420px;height:790px;background:linear-gradient(320deg,#699ff052 50%,#18e0d6c7);border:2px solid rgba(255,255,255,.6);border-radius:10px;align-items:center;flex-direction:column;overflow-y:auto}.box2::-webkit-scrollbar-track{border:5px solid rgba(255,255,255,.1);background-color:#ffffff1a;border-radius:10px}.box2::-webkit-scrollbar{width:12px;background-color:#ffffff1a}.box2::-webkit-scrollbar-thumb{background-color:#d9d5d580;border-radius:10px}@media (max-width: 1200px){section{grid-template-columns:repeat(1,1fr);gap:3rem;margin-right:0}.box1{justify-self:center;width:350px;height:350px}.box2{width:350px;height:390px}}input:first-child{font-size:20px;width:100%;padding-top:1rem;background-color:#fff0;border:none;border-bottom:2px solid #ffffffc8;color:azure;font-family:Roboto Mono,cursive;outline:none}input[type=text]::placeholder{background-color:#fff0;color:azure;font-size:25px;font-family:Roboto Mono,cursive;letter-spacing:3px;text-indent:4px}.nowDate{font-family:Roboto Mono,cursive;margin:6px 0 0 2px;font-size:14px;text-transform:capitalize;color:azure;text-indent:5px}.nowDate:hover{cursor:default}#writenote{font-family:Roboto Mono,cursive;margin-top:7px;resize:none;height:371px;width:100%;border-radius:8px;border:2px solid rgba(255,255,255,.6);background-color:#320c0c26;color:#fff;font-size:16px;outline:none}#writenote::placeholder{font-size:18px;color:#fff;font-family:Roboto Mono,cursive;letter-spacing:1px}@media (max-width: 1200px){#writenote{height:200px}}#writenote::-webkit-scrollbar-track{border:5px solid rgba(255,255,255,.1);background-color:#ffffff1a;border-radius:10px}#writenote::-webkit-scrollbar{width:12px;background-color:#ffffff1a}#writenote::-webkit-scrollbar-thumb{background-color:#d9d5d599;border-radius:10px}.btnSave{width:100%;background:#ffffff1a;border-radius:10px;border:2px solid #ffffff66}.btnSave img{width:40px;height:40px;padding:3px 0 1px}.btnSave:hover{background:#ffffff4d;cursor:pointer}.btnSave:active{transform:scale(.98)}.title{font-size:20px;text-align:center;margin-top:5px}@media (max-width: 1200px){.text-content{width:90%;height:325px;bottom:12px}}.text-content{display:grid;width:100%;height:758px;resize:none;outline:none;justify-items:center;grid-template-columns:repeat(1,1fr);grid-template-rows:10rem 10rem 10rem 10rem 10rem;margin-top:-20px}.text-content-box{position:relative;width:90%;height:130px;border:2px solid var(--color-tertiary);background-color:var(--color-primary);box-shadow:0 0 2px var(--color-secondary);padding:10px 0 0 20px;margin-top:40px;border-radius:12px 12px 18px 18px}@media (max-width: 1200px){.text-content-box{width:90%;overflow-y:hidden;overflow-wrap:break-word;height:123px;word-break:break-all}}.titleh3{position:relative;width:60%;font-size:18px;bottom:24px;right:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis}.text-paragraph{position:relative;font-size:13px;right:10px;bottom:24px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-all;white-space:pre-wrap}@media (max-width: 1200px){.text-paragraph{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.date-text{position:absolute;top:-7px}}.date-text{position:absolute;font-size:14px;right:10px;bottom:85px}.barra{position:absolute;bottom:0;right:68%;width:25%;height:8px;border-bottom:8px solid #00cdffb3;box-shadow:0 0 5px #00aeffb3;transition:transform .1s ease-in-out;border-radius:2px 2px 0 0}.botonEdit{font-family:Roboto Mono,cursive;color:#fff;font-weight:700;position:absolute;width:25%;bottom:0;right:68%;opacity:1;transition:opacity .1s ease-in-out;border:none;border-radius:2px;background:#00aeff}.container:hover .barra{transform:translateY(-120%)}.container:hover .botonEdit{opacity:1;cursor:pointer}.barraMostrar{position:absolute;bottom:0;right:37%;width:25%;height:8px;border-bottom:8px solid rgba(71,236,30,.829);box-shadow:0 0 5px #00f10080;transition:transform .1s ease-in-out;border-radius:2px 2px 0 0}.botonShow{font-family:Roboto Mono,cursive;color:#fff;font-weight:700;position:absolute;bottom:0;right:37%;width:25%;opacity:1;transition:opacity .1s ease-in-out;border:none;border-radius:2px;background:#52df11}.container:hover .barraMostrar{transform:translateY(-150%)}.container:hover .botonShow{opacity:1;cursor:pointer}.barraDelete{position:absolute;bottom:0;right:6%;width:25%;height:8px;border-bottom:8px solid rgba(236,30,30,.692);box-shadow:0 0 5px #f1000080;transition:transform .1s ease-in-out;border-radius:2px 2px 0 0}.botonDelete{font-family:Roboto Mono,cursive;color:#fff;font-weight:700;position:absolute;bottom:0;right:6%;width:25%;opacity:1;transition:opacity .1s ease-in-out;border:none;border-radius:2px;background:#ec1e1e}.container:hover .barraDelete{transform:translateY(-100%)}.container:hover .botonDelete{opacity:1;cursor:pointer}.bottom-close{z-index:1;font-family:Roboto Mono,cursive;background-color:#ff3e3400;position:absolute;top:0;right:9px;color:#fff;font-size:22px;font-weight:700;border:none;cursor:pointer}.circle-red{position:absolute;top:0;right:0;width:40px;height:35px;border-radius:0 20px 0 8px;background-color:#ff4d4d}.container-modal{color:#f5f6fa;position:relative;width:800px;height:660px;top:100px;left:160px;background:linear-gradient(320deg,#699ff08f 50%,#18e0d6b9);border-radius:25px}@media (max-width: 1200px){.container-modal{max-width:45%;margin:0 auto;top:30px;left:0;background:linear-gradient(320deg,#699ff08f 50%,#18e0d6b9);border-radius:25px}}.modal-info{position:relative;width:100%;height:650px}.title-modal{position:relative;top:90px;margin:auto;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:21px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-align:center;max-width:90%;height:50px}.date-modal{font-family:Roboto Mono,cursive;position:absolute;top:0;padding:22px 30px;font-size:14px;font-weight:500;font-style:oblique;text-transform:capitalize;cursor:pointer}.textarea-modal{position:relative;top:75px;font-family:Segoe UI,Geneva,Verdana,sans-serif;font-size:13px;padding:0 30px 30px;margin:40px;height:420px;overflow-y:auto;border-radius:3px;line-height:1.6}@media (max-width: 1200px){body .textarea-modal{top:110px!important;bottom:90px!important;padding:0 20px 20px!important;margin:10px!important}}.textarea-modal::-webkit-scrollbar-track{border:5px solid rgba(255,255,255,.3);background-color:#ffffff1a;border-radius:2px}.textarea-modal::-webkit-scrollbar{width:10px;background-color:#ffffff1a;border-radius:2px}.textarea-modal::-webkit-scrollbar-thumb{background-color:#f5f6fa;border-radius:2px}#saveChanges{position:absolute;bottom:10px;width:87%;height:45px;left:55px;background:#ffffff1a;border-radius:4px;border:2px solid #ffffff66;cursor:pointer}@media (max-width: 1200px){#saveChanges{left:25px}}#saveChanges:hover{background:#ffffff4d}.btnSaveEdit img{position:relative;top:1px;height:36px}.btnSaveEdit:active{transform:scale(.98)}.title-modal-edit,.textarea-modal-edit{border:2px solid #ffffffcd;border-radius:4px}.message-warning{font-family:Roboto Mono,cursive;position:absolute;top:54px;margin-left:22px;background-color:#fa8231;padding:6px 12px;border-radius:4px}@media (max-width: 1200px){.message-warning{top:58px;margin-left:18px;padding:4px;font-size:14px}}@keyframes showMessage{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(10px)}}@keyframes hideMessage{0%{opacity:1;transform:translateY(10px)}to{opacity:0;transform:translateY(-10px)}}.show-message{animation:showMessage .7s cubic-bezier(.25,.46,.45,.94) forwards}.hide-message{animation:hideMessage .7s cubic-bezier(.25,.46,.45,.94) forwards}.message-delete{font-family:Segoe UI,Geneva,Verdana,sans-serif;position:absolute;top:98px;margin-left:1020px;background-color:#eb2f06;padding:10px;border-radius:4px}@media (max-width: 1200px){.message-delete{position:relative;top:auto;bottom:420px;left:122px;margin-left:auto;margin-right:240px;font-size:15px;padding:6px}}.message-warning-edit{font-family:Roboto Mono,cursive;position:absolute;top:70px;margin-right:40px;font-size:18px;background-color:#fa8231;padding:12px;border-radius:4px}@media (max-width: 1200px){.message-warning-edit{top:20px;margin-right:0;font-size:14px;padding:6px}}.message-save-edit{font-family:Segoe UI,Geneva,Verdana,sans-serif;position:absolute;top:130px;margin-left:980px;font-size:20px;background-color:#4caf50;padding:12px;border-radius:4px}@media (max-width: 1200px){.message-save-edit{top:-5px;margin-left:auto;margin-right:0;font-size:14px;padding:6px}}