@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{box-sizing:border-box;font-family:Outfit,sans-serif;margin:0;padding:0}a,button{cursor:pointer;transition:all .3s ease}a{text-decoration:none}img{height:auto;width:100%}p{margin-bottom:15px}button{border:none;border-radius:7px;padding:.75em 1em;width:-moz-max-content;width:max-content}:root{--background-color:#fff;--text-color:rgba(44,53,57,.8);--card-bg:rgba(44,53,57,.9);--input-bg:hsla(0,0%,100%,.1);--input-color:rgba(0,0,0,.8);--button-bg-hover:rgba(0,0,0,.1)}html{background-color:var(--background-color);color:var(--text-color)}[data-theme=dark]{--background-color:#232b2b;--text-color:hsla(0,0%,100%,.6);--card-bg:hsla(0,0%,100%,.1);--input-bg:hsla(0,0%,100%,.05);--input-color:hsla(0,0%,100%,.75);--button-bg-hover:#471479}[data-theme=dark] body,[data-theme=dark] html{background-color:var(--background-color);color:var(--text-color)}[data-theme=dark] .tags .tag{background-color:#835cab66;color:#fff9}[data-theme=dark] html{background-color:#232b2b}.card{background:var(--card-bg);border-radius:15px;padding:1.5em 1em}form{display:flex;flex-direction:column;gap:1em}form input,form textarea{background:var(--input-bg);border:none;border-radius:15px;color:var(--input-color);font-size:15px;padding:13px 17px;transition:background .3s ease;width:100%}form input:focus,form textarea:focus{background:#fff3;outline:none}form button{background:#835cab;color:#fff}form button:hover{background:#4f1787e6}.tags{display:flex;gap:2px}.tags .tag{background:#4f178799;border-radius:15px;color:var(--background-color);cursor:pointer;font-size:15px;padding:4px 14px;transition:all .4s ease-in}.tags .tag:hover{background:#4f1787e6}.modal{align-items:center;background:#2b2b39;display:flex;justify-content:center;inset:0;overflow:hidden;position:fixed;z-index:3}.modal .authcard{background:#835cab1a;border-radius:15px;padding:20px}.modal .authcard .title{color:#ffffff80;font-size:1.2em;margin-bottom:.7em}.modal .authcard form .input-group .eye-icon{cursor:pointer;margin-left:-30px;position:relative;top:-2px;vertical-align:middle;stroke:#ffffff80}.modal .authcard form .input-group .error{color:#fb773ce6;font-size:14px;font-weight:200;text-align:center}.no-scroll{overflow:hidden}
