body{margin:0;background-color:#000;font-family:Roboto,sans-serif;color:#fff}button{padding:0}p{margin:0;font-weight:100}.calculator{width:300px;margin:calc(50vh - 300px) auto;height:600px}.result{font-size:40px;text-align:right}.calculator_buttons{margin-top:20px}.calculator_buttons button{background-color:#343434;border-radius:40px;color:#fff;font-size:30px;border:0;height:67px;width:67px;cursor:pointer;display:flex;justify-content:center;align-items:center;display:inline-block;margin:0 5px 10px 0;transition:all .5s ease}.calculator_buttons button:hover{background-color:#484848}.calculator_buttons button:nth-child(4n){margin-right:0}.calculator_buttons .grey{background-color:#a5a5a5;color:#000}.calculator_buttons .grey:hover{background-color:#b9b9b9}.calculator_buttons .yellow{background-color:#dc8c00}.calculator_buttons .yellow:hover{background-color:#f0a014}.calculator_buttons .button_clicked{background-color:#fff;color:#dc8c00}.calculator_buttons .long{width:142px}@media (orientation:portrait){.calculator{width:94vw;margin:30vh 3vw 0 3vw;height:70vh}.result{font-size:15vw}.calculator_buttons{margin-top:20px}.calculator_buttons button{border-radius:60px;font-size:10vw;height:21.8vw;width:21.8vw;margin:0 2vw 10px 0}.calculator_buttons .long{width:44.4vw}}