@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@700&family=Noto+Sans+Display:wght@400;500;600;700&display=swap";html{font-size:100%;box-sizing:border-box}*,*::after,*::before{font-family:"League Spartan",sans-serif;font-weight:700;padding:0;margin:0;box-sizing:inherit}body{background-color:#3a4764;transition:all 200ms ease-in-out}.container{max-width:33.75rem;margin:0 auto 0 auto;overflow-wrap:break-word}@media(max-width: 47.99875em){.container{max-width:20.4375rem}}.flex{display:flex}.flex--d-c{flex-direction:column}.flex--jc-sb{justify-content:space-between}.flex--jc-c{justify-content:center}.flex--jc-e{justify-content:end}.flex--ai-c{align-items:center}a,a:active,a:visited{text-decoration:none}ul,li{list-style:none}p{font-size:0.875rem;display:inline-block}.header{transition:all 200ms ease-in-out;color:#fff}.header nav{margin-top:5vh}.header__num{margin-bottom:0.1875rem}.header__num p{margin-right:1.125rem}.header__num p:last-child{margin-right:0.3125rem}.header__logo{font-size:1.25rem}.header__theme p{margin-right:1.25rem}.calculator__screen{min-height:8rem;padding:2.8125rem 2.1875rem 2rem 2.1875rem;color:#fff;background-color:#182034;transition:all 200ms ease-in-out;border-radius:0.625rem;margin-block:1.25rem;font-size:3.125rem;text-align:right}@media(max-width: 47.99875em){.calculator__screen{font-size:2.1875rem;min-height:5.5rem;padding:1.6875rem 1.5625rem 1.25rem 1.5625rem}}.calculator__keypads{min-height:30rem;border-radius:0.625rem;display:grid;grid-template-columns:repeat(4, 1fr);padding:0.625rem;transition:all 200ms ease-in-out}.calculator__keypads--buttons{display:flex;align-items:center;justify-content:center}.calculator__keypads--buttons p{cursor:pointer;font-size:2rem;padding:0.9375rem 2.59375rem;border-radius:0.625rem;transition:all 200ms ease-in-out}.calculator__keypads--buttons p:hover{filter:brightness(130%)}@media(max-width: 47.99875em){.calculator__keypads--buttons p{font-size:1.6875rem;padding:1.09375rem 1.40625rem}}.calculator__keypads .del,.calculator__keypads .reset{transition:all 200ms ease-in-out}.calculator__keypads .del p,.calculator__keypads .reset p{font-size:1.5625rem}.calculator__keypads .del p{padding:1.15625rem 1.875rem}@media(max-width: 47.99875em){.calculator__keypads .del p{font-size:1.25rem;padding:1.3125rem 0.875rem}}.calculator__keypads .reset{grid-area:5/1/span 1/span 2}.calculator__keypads .reset p{padding:1.15625rem 5.0625rem}@media(max-width: 47.99875em){.calculator__keypads .reset p{font-size:1.25rem;padding:1.3125rem 2.5rem}}.calculator__keypads .equal{grid-area:5/3/span 1/span 2}.calculator__keypads .equal p{padding-inline:6.875rem}@media(max-width: 47.99875em){.calculator__keypads .equal p{padding:1.09375rem 3.75rem}}.h-theme1{background-color:#232c43;padding:0.1875rem;border-radius:1.5625rem}.h-theme1 a{padding:0 0.4375rem;border-radius:50%;transition:all 200ms ease-in-out}.h-theme1 a:not(:last-child){margin-right:0.625rem}.h-theme1 a:hover{background-color:#d03f2f}.active1{background-color:#d03f2f}.active1:hover{filter:brightness(150%)}.h-theme2{background-color:#d1cccc;padding:0.1875rem;border-radius:1.5625rem}.h-theme2 a{padding:0 0.4375rem;border-radius:50%;transition:all 200ms ease-in-out}.h-theme2 a:not(:last-child){margin-right:0.625rem}.h-theme2 a:hover{background-color:#ca5502}.active2{background-color:#ca5502}.active2:hover{filter:brightness(150%)}.h-theme3{background-color:#1d0934;padding:0.1875rem;border-radius:1.5625rem}.h-theme3 a{padding:0 0.4375rem;border-radius:50%;transition:all 200ms ease-in-out}.h-theme3 a:not(:last-child){margin-right:0.625rem}.h-theme3 a:hover{background-color:#00e0d1}.active3{background-color:#00e0d1}.active3:hover{filter:brightness(150%)}.keypads-theme1{background-color:#232c43}.keypads-theme1 .buttons{background-color:#eae3dc;color:#444b5a;box-shadow:0 0.25rem #b4a597}.keypads-theme1 .del p,.keypads-theme1 .reset p{background-color:#637097;color:#fff;box-shadow:0 0.25rem #404e72}.keypads-theme1 .equal p{background-color:#d03f2f;color:#fff;box-shadow:0 0.25rem #93261a}.keypads-theme2{background-color:#d1cccc}.keypads-theme2 .buttons{background-color:#e5e4e1;color:#35352c;box-shadow:0 0.25rem #a69d91}.keypads-theme2 .del p,.keypads-theme2 .reset p{background-color:#377f86;color:#fff;box-shadow:0 0.25rem #1b5f65}.keypads-theme2 .equal p{background-color:#ca5502;color:#fff;box-shadow:0 0.25rem #893901}.keypads-theme3{background-color:#1d0934}.keypads-theme3 .buttons{background-color:#341c4f;color:#ffe53d;box-shadow:0 0.25rem #871c9c}.keypads-theme3 .del p,.keypads-theme3 .reset p{background-color:#58077d;color:#fff;box-shadow:0 0.25rem #bc15f4}.keypads-theme3 .equal p{background-color:#00e0d1;color:#1b2428;box-shadow:0 0.25rem #6cf9f2}/*# sourceMappingURL=style.css.map */