/* Stylesheet */

html {
    font-family: Verdana, sans-serif;
    font-size: medium;
}
/* Mobile first design */
body {
    width: 95%;
    max-width: 800px;
    min-width: 300px;
    margin: 0 auto;
}
      
.form input[type="number"] {
    width: 200px;
}

.lastResult {
    color: white;
    padding: 3px;
}
/* Make the header h1 small for mobile screen */
header h1 {
    font-size: medium;
}
/* Add a line above the footer */
#myicon {
    float: left;
    object-fit: cover;
    margin-right: 0.1em;
}
footer {
    font-size: 0.9em;
    border-top: 1px solid lightgrey;
}
/* For larger screen */
@media (min-width: 600px) {
    body {
        width: 50%;
    }
  /* Make the header larger for wider screen */
  header h1 {
    font-size: 1.2em;
  }
}