*{margin:0;padding:0;box-sizing:border-box;font-family:"League Spartan",sans-serif;font-weight:700}body{display:flex;justify-content:center;align-items:center;height:100vh}.attribution{font-size:11px;text-align:center;font-family:Arial,Helvetica,sans-serif;display:block}.attribution a{color:#3d51a2}body.tema1{background-color:#3a4663}body.tema1 header{background-color:#3a4663;color:#fff}body.tema1 header .theme-switcher__container{background-color:#232c42}body.tema1 header .theme-switcher__container__option input[type=radio]:checked{background-color:#c95502}body.tema1 .calculator__screen{background-color:#181f34}body.tema1 .calculator__screen__alert{background-color:#e9e2db;color:#434a5a}body.tema1 .calculator__screen__alert svg{color:#e9e2db}body.tema1 .calculator__screen__input{color:#fff}body.tema1 .calculator__body{background-color:#232c42}body.tema1 .calculator__body__bigger-grid__button-container button.normal{background-color:#e9e2db;box-shadow:0 -4px 0 #e9e2db,0 4px 0 #b4a497;color:#434a5a}body.tema1 .calculator__body__bigger-grid__button-container button.normal:hover{background-color:hsl(30,25%,90.1%);box-shadow:0 -4px 0 hsl(30,25%,90.1%),0 4px 0 #b4a497}body.tema1 .calculator__body__bigger-grid__button-container button.control{background-color:#626f97;box-shadow:0 -4px 0 #626f97,0 4px 0 #404d72;color:#fff;font-size:28px}body.tema1 .calculator__body__bigger-grid__button-container button.control:hover{background-color:hsl(225,21%,54.1%);box-shadow:0 -4px 0 hsl(225,21%,54.1%),0 4px 0 #404d72}body.tema1 .calculator__body__bigger-grid__button-container button.igual{background-color:#cf3f2f;box-shadow:0 -4px 0 #cf3f2f,0 4px 0 #93261a;color:#fff}body.tema1 .calculator__body__bigger-grid__button-container button.igual:hover{background-color:#d45243;box-shadow:0 -4px 0 #d45243,0 4px 0 #93261a}body.tema1 .calculator__body__smaller-grid__button-container button.normal{background-color:#e9e2db;box-shadow:0 -4px 0 #e9e2db,0 4px 0 #b4a497;color:#434a5a}body.tema1 .calculator__body__smaller-grid__button-container button.normal:hover{background-color:hsl(30,25%,90.1%);box-shadow:0 -4px 0 hsl(30,25%,90.1%),0 4px 0 #b4a497}body.tema1 .calculator__body__smaller-grid__button-container button.control{background-color:#626f97;box-shadow:0 -4px 0 #626f97,0 4px 0 #404d72;color:#fff;font-size:28px}body.tema1 .calculator__body__smaller-grid__button-container button.control:hover{background-color:hsl(225,21%,54.1%);box-shadow:0 -4px 0 hsl(225,21%,54.1%),0 4px 0 #404d72}body.tema1 .calculator__body__smaller-grid__button-container button.igual{background-color:#cf3f2f;box-shadow:0 -4px 0 #cf3f2f,0 4px 0 #93261a;color:#fff}body.tema1 .calculator__body__smaller-grid__button-container button.igual:hover{background-color:#d45243;box-shadow:0 -4px 0 #d45243,0 4px 0 #93261a}body.tema2{background-color:#e5e5e5}body.tema2 header{background-color:#e5e5e5;color:#35352b}body.tema2 header .theme-switcher__container{background-color:#d0cccc}body.tema2 header .theme-switcher__container__option input[type=radio]:checked{background-color:#c95502}body.tema2 .calculator__screen{background-color:#ededed}body.tema2 .calculator__screen__alert{background-color:#a69d90;color:#35352b}body.tema2 .calculator__screen__alert svg{color:#a69d90}body.tema2 .calculator__screen__input{color:#35352b}body.tema2 .calculator__body{background-color:#d0cccc}body.tema2 .calculator__body__bigger-grid__button-container button.normal{background-color:#e4e3e0;box-shadow:0 -4px 0 #e4e3e0,0 4px 0 #a69d90;color:#35352b}body.tema2 .calculator__body__bigger-grid__button-container button.normal:hover{background-color:hsl(45,7%,90.1%);box-shadow:0 -4px 0 hsl(45,7%,90.1%),0 4px 0 #a69d90}body.tema2 .calculator__body__bigger-grid__button-container button.control{background-color:#367f85;box-shadow:0 -4px 0 #367f85,0 4px 0 #1a5e64;color:#fff;font-size:28px}body.tema2 .calculator__body__bigger-grid__button-container button.control:hover{background-color:hsl(185,42%,43.3%);box-shadow:0 -4px 0 hsl(185,42%,43.3%),0 4px 0 #1a5e64}body.tema2 .calculator__body__bigger-grid__button-container button.igual{background-color:#c95502;box-shadow:0 -4px 0 #c95502,0 4px 0 #893900;color:#fff}body.tema2 .calculator__body__bigger-grid__button-container button.igual:hover{background-color:#e86202;box-shadow:0 -4px 0 #e86202,0 4px 0 #893900}body.tema2 .calculator__body__smaller-grid__button-container button.normal{background-color:#e4e3e0;box-shadow:0 -4px 0 #e4e3e0,0 4px 0 #a69d90;color:#35352b}body.tema2 .calculator__body__smaller-grid__button-container button.normal:hover{background-color:hsl(45,7%,90.1%);box-shadow:0 -4px 0 hsl(45,7%,90.1%),0 4px 0 #a69d90}body.tema2 .calculator__body__smaller-grid__button-container button.control{background-color:#367f85;box-shadow:0 -4px 0 #367f85,0 4px 0 #1a5e64;color:#fff;font-size:28px}body.tema2 .calculator__body__smaller-grid__button-container button.control:hover{background-color:hsl(185,42%,43.3%);box-shadow:0 -4px 0 hsl(185,42%,43.3%),0 4px 0 #1a5e64}body.tema2 .calculator__body__smaller-grid__button-container button.igual{background-color:#c95502;box-shadow:0 -4px 0 #c95502,0 4px 0 #893900;color:#fff}body.tema2 .calculator__body__smaller-grid__button-container button.igual:hover{background-color:#e86202;box-shadow:0 -4px 0 #e86202,0 4px 0 #893900}body.tema3{background-color:#150528}body.tema3 header{background-color:#150528;color:#ffe53d}body.tema3 header .theme-switcher__container{background-color:#1d0834}body.tema3 header .theme-switcher__container__option input[type=radio]:checked{background-color:#c95502}body.tema3 .calculator__screen{background-color:#1d0834}body.tema3 .calculator__screen__alert{background-color:#331c4e;color:#ffe53d}body.tema3 .calculator__screen__alert svg{color:#331c4e}body.tema3 .calculator__screen__input{color:#ffe53d}body.tema3 .calculator__body{background-color:#1d0834}body.tema3 .calculator__body__bigger-grid__button-container button.normal{background-color:#331c4e;box-shadow:0 -4px 0 #331c4e,0 4px 0 #861b9c;color:#ffe53d}body.tema3 .calculator__body__bigger-grid__button-container button.normal:hover{background-color:hsl(268,47%,28.9%);box-shadow:0 -4px 0 hsl(268,47%,28.9%),0 4px 0 #861b9c}body.tema3 .calculator__body__bigger-grid__button-container button.control{background-color:#57077d;box-shadow:0 -4px 0 #57077d,0 4px 0 #bc15f3;color:#fff;font-size:28px}body.tema3 .calculator__body__bigger-grid__button-container button.control:hover{background-color:hsl(281,89%,33.4%);box-shadow:0 -4px 0 hsl(281,89%,33.4%),0 4px 0 #bc15f3}body.tema3 .calculator__body__bigger-grid__button-container button.igual{background-color:#00e0d1;box-shadow:0 -4px 0 #00e0d1,0 4px 0 #6cf8f1;color:#1a2327}body.tema3 .calculator__body__bigger-grid__button-container button.igual:hover{background-color:hsl(176,100%,49.6%);box-shadow:0 -4px 0 hsl(176,100%,49.6%),0 4px 0 #6cf8f1}body.tema3 .calculator__body__smaller-grid__button-container button.normal{background-color:#331c4e;box-shadow:0 -4px 0 #331c4e,0 4px 0 #861b9c;color:#ffe53d}body.tema3 .calculator__body__smaller-grid__button-container button.normal:hover{background-color:hsl(268,47%,28.9%);box-shadow:0 -4px 0 hsl(268,47%,28.9%),0 4px 0 #861b9c}body.tema3 .calculator__body__smaller-grid__button-container button.control{background-color:#57077d;box-shadow:0 -4px 0 #57077d,0 4px 0 #bc15f3;color:#fff;font-size:28px}body.tema3 .calculator__body__smaller-grid__button-container button.control:hover{background-color:hsl(281,89%,33.4%);box-shadow:0 -4px 0 hsl(281,89%,33.4%),0 4px 0 #bc15f3}body.tema3 .calculator__body__smaller-grid__button-container button.igual{background-color:#00e0d1;box-shadow:0 -4px 0 #00e0d1,0 4px 0 #6cf8f1;color:#1a2327}body.tema3 .calculator__body__smaller-grid__button-container button.igual:hover{background-color:hsl(176,100%,49.6%);box-shadow:0 -4px 0 hsl(176,100%,49.6%),0 4px 0 #6cf8f1}@media (max-width:640px){body .container{max-width:320px;height:80%}body .calculator__screen{height:20%}body .calculator__body{height:74%}body .calculator__body__bigger-grid{grid-template-rows:repeat(4,25%)}}.container{max-width:480px;height:70%;width:100%}header{display:flex;justify-content:space-between;margin-bottom:20px}header .theme-switcher{display:flex;align-items:center;justify-content:space-between;width:30%}header .theme-switcher h4{font-size:12px;display:block;width:40%;text-align:center}header .theme-switcher__container{display:flex;justify-content:space-between;align-items:center;width:50%;padding:4px;border-radius:16px}header .theme-switcher__container__option{display:flex;align-items:center;position:relative}header .theme-switcher__container__option label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}header .theme-switcher__container__option input[type=radio]{appearance:none;width:13px;height:13px;border-radius:50%;transition:background-color .1s ease-in}.calculator{width:100%;height:100%}.calculator__screen{width:100%;height:23%;display:flex;align-items:center;justify-content:center;border-radius:16px;margin-bottom:16px;position:relative}.calculator__screen__alert{position:absolute;bottom:105%;left:40%;width:50%;padding:8px;border-radius:4px;display:none;transition:display 1s linear}.calculator__screen__alert svg{position:absolute;right:0;transform:translateY(20%)}.calculator__screen__input{width:90%;height:100%;text-align:end;background-color:transparent;border:none;font-family:"League Spartan",sans-serif;font-weight:700;font-size:32px;padding:25px}.calculator__screen__input:focus{outline:0}.calculator__body{display:flex;flex-direction:column;align-items:center;border-radius:4px;height:65%}.calculator__body__bigger-grid{height:100%;width:100%;display:grid;grid-template-columns:repeat(4,25%);grid-template-rows:repeat(4,25%);margin-top:10px}.calculator__body__bigger-grid__button-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.calculator__body__bigger-grid__button-container button{width:75%;height:75%;border:none;border-radius:4px;font-size:32px;cursor:pointer;font-family:"League Spartan",sans-serif;font-weight:700}.calculator__body__smaller-grid{display:grid;grid-template-columns:repeat(2,50%);width:100%;height:60px}.calculator__body__smaller-grid__button-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.calculator__body__smaller-grid__button-container button{width:75%;height:75%;border:none;border-radius:4px;font-size:32px;cursor:pointer;font-family:"League Spartan",sans-serif;font-weight:700}