
body {
    margin: 1em;
    display: grid;
    justify-items: center;
    align-items: center;
  }
  
  img {
    width: 350px;
    text-align: center;
  }
  .heading {
    font-family: Arial,Verdana;
    text-align: center;
  }
  .subheading {
    font-family: Arial,Verdana;
    text-align: center;
    margin-bottom: 2em;
  }
  
  .center {
    align-items: center;
  }
  
  label {
    font-family: Arial,Verdana;
    font-weight: bold;
    text-align: center;
  }
  
  input[type=text], input[type=password] {
    width: 350px;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
  }
  
  button {
    background-color: #0078d4;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 350px;
  }
  
  .animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s;
    width: 350px;
  }
  
  @-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
  }
  
  @keyframes animatezoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
  }
  
  /* Remove padding when screen width is small */
  @media (max-width: 600px) {
      body {
          margin: 1em;
          display: grid;
          justify-items: center;
          align-items: center;
          }
  
          img {
          width: 90vw;
          text-align: center;
          }
          .heading {
          font-family: Arial,Verdana;
          text-align: center;
          }
          .subheading {
          font-family: Arial,Verdana;
          text-align: center;
          margin-bottom: 2em;
          }
  
          .center {
          align-items: center;
          }
  
          label {
          font-family: Arial,Verdana;
          font-weight: bold;
          text-align: center;
          }
  
          input[type=text], input[type=password] {
          width: 90vw;
          padding: 12px 20px;
          margin: 8px 0;
          display: inline-block;
          border: 1px solid #ccc;
          box-sizing: border-box;
          }
  
          button {
          background-color: #0078d4;
          color: white;
          padding: 14px 20px;
          margin: 8px 0;
          border: none;
          cursor: pointer;
          width: 90vw;
          }
  
          .animate {
          -webkit-animation: animatezoom 0.6s;
          animation: animatezoom 0.6s;
          width: 90vw;
          }
      }