form{width:80%;margin:0 auto;padding:20px;box-shadow:0px 0px 10px 5px #7393b3;border-radius:10px;text-align:center;font-weight:700}input[type=text]{width:100%;padding:10px;margin-bottom:20px;border-radius:10px;border:1px solid #d3d3d3;font-size:18px;font-weight:700}button[type=button]{width:50%;padding:10px;background-color:#088f8f;border-radius:10px;border:none;font-size:18px;cursor:pointer}button[type=button]:hover{background-color:#5f9ea0;color:#fff}#result{margin-top:20px;font-size:30px;font-weight:700;color:#096e70;text-shadow:2px 2px #d1d1d1}@media only screen and (max-width:480px){form{width:100%;margin:0 auto;padding:20px;box-shadow:0px 0px 10px 5px #7393b3;border-radius:10px;text-align:center;font-weight:700}input[type=text]{width:100%;padding:10px;margin-bottom:20px;border-radius:10px;border:1px solid #d3d3d3;font-size:18px;font-weight:700}button[type=button]{width:70%;padding:10px;background-color:#088f8f;border-radius:10px;border:none;font-size:18px;cursor:pointer}button[type=button]:hover{background-color:#5f9ea0;color:#fff}#result{margin-top:20px;font-size:20px;font-weight:700;color:#096e70;text-shadow:2px 2px #d1d1d1}}