@font-face{font-family:'ismail';src:url(./font/Noto_Kufi_Arabic/NotoKufiArabic-VariableFont_wght.ttf)}*{font-family:'ismail';margin:0;transition:all 300ms;font-size:0.70rem}.h5{text-align:center;border:none;background:#000;padding:.7rem;border-radius:.5rem;color:#e4e4e4;box-shadow:3px 3px 5px #00000030}button{border:solid 1px #000;padding:.5rem;border-radius:.3rem;box-shadow:1px 4px 7px #00000020;margin-bottom:.8rem}body{background:#f0f0e9}#front{width: 90%;display:grid;row-gap:.5rem;padding:.7rem;margin:1rem auto;box-shadow:0 0 2px #0000002d;border-radius:.5rem;background:#fff}#nat{display:grid;grid-template-columns:33% 33% 33%;row-gap:1rem;justify-items:center}input{border:1px solid #000;color:#000;background:none;width:4rem;padding:.5rem .5rem;outline:none;border-radius:.3rem;box-shadow:1px 6px 8px #00000017}.inplab{display:grid;justify-items:center;row-gap:.38rem}label{color:#000}.inplab2,.totale{display:grid;row-gap:.8rem}.inplab2 input{width:auto;padding:.7rem .4rem}input:hover{scale:1.05;color:#000;box-shadow:0 0 10px inset #00000030}#nat0 button{width:-webkit-fill-available}#natnote{box-shadow:0 6px 0 0 #0000001a;margin:.55rem auto 1.5rem auto;display:none}#notetotal{position:fixed;top:50%;right:50%;translate:50%;width:80vw;transform:translateY(-50%);padding:1rem;border-radius:.3rem;color:#ffffffdb;text-align:center;box-shadow:0 0 7px rgb(0 0 0 / 47%);display:grid;scale:0;row-gap:.8rem;background:radial-gradient(#000000,#00000000)}#notetotal button{background:none;border-color:#fff}.h54{color:#fff;text-shadow:0 0 6px #ffffff6e;border-right:solid 1px;border-left:solid 1px}#closebtn:hover{letter-spacing:.4rem}@media (min-width:800px){.inplab2 input{width:80%}.inplab2,.totale{justify-items:center}*{font-size:medium}.totale{margin-top:1rem;grid-template-columns:50% 50%;row-gap:2rem}}#color{display:flex;padding:1rem;position:fixed;bottom:0rem;left:1rem}p{margin:.2rem 0;width:2.2rem;height:2.2rem;border-radius:20.2rem}#box{position:fixed;bottom:3.6rem;left:1rem;background:#ffffffad;border:solid 1px #000;border-radius:.2rem;transform:translateY(100vh)}#color:hover{background:#ccccc2}button:hover{background:#000;color:#fff;transform:translateY(-.15rem);cursor:pointer;letter-spacing:2px}