:root{--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--operation:oklch(87.9% .169 91.605);--special:oklch(57.7% .245 27.325);--font-archivo:"Archivo", sans-serif;--font-bricolage:"Bricolage Grotesque", sans-serif;--font-dm-sans:"DM Sans", sans-serif;--font-jetbrains:"JetBrains Mono", monospace;--font-lexend:"Lexend", sans-serif;--font-manrope:"Manrope", sans-serif;--font-outfit:"Outfit", sans-serif;--font-space:"Space Grotesk", sans-serif;--font-tilt:"Tilt Warp", sans-serif}*{box-sizing:border-box;color:var(--color-blue-50);font-family:var(--font-space);margin:0;padding:0}body{background-color:var(--color-indigo-950);margin-top:75px}main{background-color:var(--color-indigo-800);border-radius:17px;flex-direction:column;align-items:center;width:320px;margin:auto;padding:15px;display:flex}button{background-color:var(--color-blue-500);text-align:center;border:none;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;margin:5px;font-size:24px;transition:all .15s ease-in;display:flex}button:hover{filter:brightness(75%);box-shadow:0 0 25px var(--color-indigo-600)}button:focus{filter:brightness(50%)}button.special{background-color:var(--special)}button.operation{background-color:var(--operation)}.calculatorSection{flex-wrap:wrap;justify-content:center;display:flex}.res{background-color:var(--color-blue-400);border-radius:17px;justify-content:center;align-items:center;width:280px;height:75px;margin:10px;font-size:10px;display:flex;overflow-x:scroll}.res::-webkit-scrollbar{visibility:hidden}@media screen and (width>=576px){main{width:360px}button{width:70px;height:70px}.res{width:320px}}