:root{--gray: #7E8287;--brown: #54494B;--ash: #9DA39A;--rose: #B98389;--red: #DB2955}body{background-color:var(--ash)}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}input{border-radius:10px;padding:5px;font-size:16px;border:1px solid grey}.container{display:flex;flex-direction:column;justify-content:center;align-items:center}.calc{background-color:var(--rose);display:grid;grid-template-columns:1fr 1fr;color:#fff;border-radius:10px;padding:10px;width:fit-content;box-shadow:10px 10px 10px #00000093;animation:7s pulse infinite}@keyframes pulse{25%{scale:1.01;rotate:1deg}75%{scale:.98;rotate:-1deg}}.calc input{background-color:var(--brown);color:#fff}.calc .box{display:flex;flex-direction:column;align-items:flex-start;margin:10px}.table{display:grid;grid-template-columns:repeat(5,1fr);margin:30px 10px 10px;color:#fff;background-color:var(--brown);box-shadow:10px 10px 10px #00000092}.table>*{outline:1px solid gray;padding:10px}.table li{list-style:none;transition:scale .3s,background-color 1s,rotate .3s}.table li:hover{scale:1.1;cursor:pointer;outline:none;background-color:var(--ash);rotate:2deg}.row-cell{text-align:right}.calc-icon{width:80px}.header{display:flex;justify-content:center;align-content:center}.bold{font-weight:700}@media screen and (max-width: 700px){.calc{width:80vw}.calc input{width:125px}}@media screen and (max-width: 450px){.calc input{width:100px}.table>*{outline:1px solid gray;padding:5px}}@media screen and (max-width: 380px){.table>*{outline:1px solid gray;padding:2px;font-size:14px}.calc input{width:70px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}