#mainblock[data-v-5bc47021]{margin:auto;border:1px solid #fff;width:25%;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#divinput[data-v-5bc47021]{margin:auto;width:25%;height:70px;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom:none;background-color:#000}#block1[data-v-5bc47021]{display:inline-block;vertical-align:top;gap:5%;margin:25px 15px 0 15px}#numbers[data-v-5bc47021]{display:grid;grid-template-columns:repeat(3,1fr);vertical-align:top;gap:6%}#numbers>button[data-v-5bc47021]{padding:10px;box-shadow:0 5px 15px rgba(0,0,0,.35);border-color:#fff;border-radius:12%}#numbers>button[data-v-5bc47021]:nth-child(10):hover,#numbers>button[data-v-5bc47021]:nth-child(11):hover,#numbers>button[data-v-5bc47021]:nth-child(12):hover,#numbers>button[data-v-5bc47021]:nth-child(13):hover,#numbers>button[data-v-5bc47021]:nth-child(4):hover,#numbers>button[data-v-5bc47021]:nth-child(5):hover,#numbers>button[data-v-5bc47021]:nth-child(6):hover,#numbers>button[data-v-5bc47021]:nth-child(7):hover,#numbers>button[data-v-5bc47021]:nth-child(8):hover,#numbers>button[data-v-5bc47021]:nth-child(9):hover{background-color:skyblue;color:#fff}#numbers>button[data-v-5bc47021]:nth-child(14):hover{background-color:#4169e1;color:#fff}#numbers>button[data-v-5bc47021]:nth-child(3){background-color:red;color:#fff}#numbers>button[data-v-5bc47021]:first-child{background-color:green;color:#fff}#numbers>button[data-v-5bc47021]:nth-child(2){background-color:grey}#numbers>button>img[data-v-5bc47021]{height:20px;width:20px}#operators>button[data-v-5bc47021]{margin-bottom:38%;display:block;text-align:center;width:40px;height:39px;border-color:#fff;border-radius:25%;background-color:green;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.35)}#input[data-v-5bc47021]{text-align:right;padding-right:10px;height:40px;width:270px;margin-top:20px}@media screen and (max-width:500px){#mainblock[data-v-5bc47021]{margin:auto;width:70%;border-top:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}#divinput[data-v-5bc47021]{margin:auto;width:70%;height:60px;border-top-left-radius:15px;border-top-right-radius:15px;border-bottom:none;background-color:#000}#block1[data-v-5bc47021]{display:inline-block;vertical-align:top;gap:4%;margin:20px 10px 0 10px}#numbers[data-v-5bc47021]{display:grid;grid-template-columns:repeat(3,1fr);vertical-align:top;gap:7%}#numbers>button[data-v-5bc47021]{padding:5px;box-shadow:0 5px 15px rgba(0,0,0,.35);border-color:#fff;border-radius:15%}#numbers>button[data-v-5bc47021]:nth-child(3){background-color:red;color:#fff}#numbers>button[data-v-5bc47021]:first-child{background-color:green;color:#fff}#numbers>button[data-v-5bc47021]:nth-child(2){background-color:grey}#numbers>button[data-v-5bc47021]:nth-child(10):hover,#numbers>button[data-v-5bc47021]:nth-child(11):hover,#numbers>button[data-v-5bc47021]:nth-child(12):hover,#numbers>button[data-v-5bc47021]:nth-child(13):hover,#numbers>button[data-v-5bc47021]:nth-child(4):hover,#numbers>button[data-v-5bc47021]:nth-child(5):hover,#numbers>button[data-v-5bc47021]:nth-child(6):hover,#numbers>button[data-v-5bc47021]:nth-child(7):hover,#numbers>button[data-v-5bc47021]:nth-child(8):hover,#numbers>button[data-v-5bc47021]:nth-child(9):hover{background-color:skyblue;color:#fff}#numbers>button[data-v-5bc47021]:nth-child(14):hover{background-color:#4169e1;color:#fff}#numbers>button>img[data-v-5bc47021]{height:18px;width:18px}#operators>button[data-v-5bc47021]{margin-bottom:38%;display:block;text-align:center;width:35px;height:28px;border-color:#fff;border-radius:25%;background-color:green;box-shadow:0 5px 15px rgba(0,0,0,.35)}#input[data-v-5bc47021]{text-align:right;padding-right:10px;height:30px;width:200px;margin-top:15px}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}