main>form>div:last-child .delete-btn,main>form>div:last-child .calculate-btn{width:150px;height:40px;font-size:1.2rem;border:1px solid transparent;cursor:pointer;transition:all .3s ease}main{display:flex;flex-direction:column;justify-content:start;align-items:center;gap:25px;margin:40px 0;max-width:500px;margin-inline:auto}main>h1{text-transform:capitalize}main>form>label{display:inline-block;margin-bottom:5px}main>form>textarea{width:100%;height:80px;resize:none}main>form>div:last-child{display:flex;justify-content:space-between;margin:20px 0}main>form>div:last-child .delete-btn{background-color:#e74c3c;color:#f5f5f5}main>form>div:last-child .delete-btn:hover{background-color:#d80000;color:#e8e8e8}main>form>div:last-child .calculate-btn{background-color:#3498db;color:#fff}main>form>div:last-child .calculate-btn:hover{background-color:#5858da;color:#ffffc7}main>form .hidden{display:none}main #stats{align-self:flex-start;width:100%}main #stats>div{display:flex;align-items:center;justify-content:space-between;text-transform:capitalize;font-size:1.2rem;border-bottom:1px solid darkgoldenrod;background-color:#f5f5f5;margin-bottom:15px;padding:4px}@media(max-width:420px){form>div:last-child{flex-direction:column;gap:30px}}@media(prefers-color-scheme:dark){main label{color:#e0e0e0}main #stats{align-self:flex-start;width:100%}main #stats>div{display:flex;align-items:center;justify-content:space-between;text-transform:capitalize;font-size:1.2rem;border-bottom:1px solid darkgoldenrod;background-color:#1c1c1c;color:#e0e0e0;margin-bottom:15px;padding:4px}main #error{color:#e0e0e0}}