*{margin:0;padding:0;box-sizing:border-box;border:none;text-decoration:none}:root{--cor-pri: #1C1C1C;--cor-pri-light: #3A3A3A;--cor-sec: #4D4330;--cor-sec-light: #705C34;--cor-sec-lighter: #9C772F;--cor-ter: #C68D1A;--cor-counter: #EFA000;--cor-opos: azure}[data-theme=dark]{--cor-pri: #1C1C1C;--cor-pri-light: #3A3A3A;--cor-sec: #4D4330;--cor-sec-light: #705C34;--cor-sec-lighter: #9C772F;--cor-ter: #C68D1A;--cor-counter: #EFA000;--cor-opos: azure}[data-theme=light]{--cor-pri: #E6E1DC;--cor-pri-light: #F0ECE7;--cor-sec: #B7A788;--cor-sec-light: #998565;--cor-sec-lighter: #7C6545;--cor-ter: #5F4A2C;--cor-counter: #2F2618;--cor-opos: #1C1C1C}@media (prefers-color-scheme: light){:root:not([data-theme]){--cor-pri: #E6E1DC;--cor-pri-light: #F0ECE7;--cor-sec: #B7A788;--cor-sec-light: #998565;--cor-sec-lighter: #7C6545;--cor-ter: #5F4A2C;--cor-counter: #2F2618;--cor-opos: #1C1C1C}}body{background-color:var(--cor-pri-light)}header{background-color:var(--cor-pri);height:80px;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:15px}.nav{display:flex;width:100%;justify-content:space-around}.nav .nav-btn{color:var(--cor-counter);border-radius:10px;cursor:pointer;background-color:unset}.nav>.nav-btn{padding:1px 10px}.nav .nav-btn:hover{background-color:var(--cor-pri-light)}.nav .config-container{position:absolute;top:8px;right:8px}.nav #show-config-btn{background-color:var(--cor-pri);padding:3px;z-index:10}.nav .config-btn{padding:3px}#ease-conf{z-index:9;position:absolute;display:none;top:0;height:100%}.conf-anim-rot{animation:config-animation-rotate .7s ease forwards}.conf-anim-sli{animation:config-animation-slide .7s ease forwards}.conf-anim-sli-rev{animation:config-animation-slide-rev .7s ease forwards}@keyframes config-animation-slide{0%{transform:translate(0);opacity:0%}to{transform:translate(-100%);opacity:100%}}@keyframes config-animation-slide-rev{0%{transform:translate(-100%);opacity:100%}to{transform:translate(0);opacity:0%}}@keyframes config-animation-rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.section{background-color:var(--cor-pri);padding:20px 10px;margin:10px 0}.text-container{background-color:azure;padding:10px;border-radius:10px;border:1px solid var(--cor-opos);box-shadow:3px 3px 3px #00000080}.title{color:var(--cor-counter);text-align:center;padding:5px 0}#context-section .line{border:1px solid var(--cor-ter)}#context-section .under-title{color:#000;margin-bottom:10px}#context-section .paragraph{padding:2px}.visor{width:90%;aspect-ratio:1 / 1;background-color:var(--cor-pri-light);margin:10px auto;border-radius:10px;border:1px solid var(--cor-opos)}.inputs-area{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;justify-items:center;width:90%;margin:10px auto}.inputs-numbers{width:80px;height:22px;color:var(--cor-opos);background-color:var(--cor-pri-light);border:1px solid var(--cor-opos);border-radius:8px;padding:2px 8px;box-shadow:3px 3px 3px #00000080}.inputs-numbers::placeholder{color:var(--cor-opos)}.submit-btn{width:80px;height:22px;color:var(--cor-opos);background-color:var(--cor-pri-light);border:1px solid var(--cor-opos);border-radius:8px;padding:2px 8px;cursor:pointer;box-shadow:3px 3px 3px #00000080}.submit-btn:hover{box-shadow:1px 1px 1px #00000080;background-color:unset}.inserted-inputs{max-height:280px;width:100%;grid-row:2 / 3;grid-column:1 / 4;min-height:15px;background-color:var(--cor-pri-light);border-radius:10px;border:1px solid var(--cor-opos);box-shadow:3px 3px 3px #00000080;padding:8px}.list-iten{width:95%;margin:auto;padding:3px 5px;display:grid;grid-template-columns:30% 30% 20% 20%;border-bottom:2px solid var(--cor-opos);border-radius:8px}.list-iten>span{background-color:azure;width:90%;border-radius:10px;padding:0 5px;text-align:center}.list-iten>div{display:flex;justify-content:space-around}.list-iten>div>button{font-size:1em;width:40%;border-radius:5px;border:1px solid black;cursor:pointer}.list-iten>div>button:hover{background-color:#275377;color:azure}.list-iten>button{background-color:azure;width:90%;border-radius:10px;padding:1px 5px;text-align:center;border:1px solid black;box-shadow:3px 3px 3px #00000080}.list-iten>button:hover{background-color:#781414;color:azure;cursor:pointer}#a{background-color:var(--cor-sec);height:100px;width:100px}#b{background-color:var(--cor-sec-light);height:100px;width:100px}#c{background-color:var(--cor-sec-lighter);height:100px;width:100px}#d{background-color:var(--cor-ter);height:100px;width:100px}