styles.css

/* Styling the Body element i.e. Color,
        Font, Alignment */
        body {
          background-color: #05c46b;
          font-family: Verdana;
          text-align: center;
        }
        /* Styling the Form (Color, Padding, Shadow) */
        form {
          background-color: #fff;
          max-width: 500px;
          margin: 50px auto;
          padding: 30px 20px;
          box-shadow: 2px 5px 10px rgba(0, 0, 0, 0.5);
      }
     /* Styling form-control Label */
   .form-control label{
   display: block;
   margin-bottom: 10px;
 }
 /* Styling form-control input,
        select, textarea */
        .form-control input,
        .form-control select,
        .form-control textarea {
            border: 1px solid #777;
            border-radius: 2px;
            font-family: inherit;
            padding: 10px;
            display: block;
            width: 95%;
        }
        /* Styling form-control Radio
        button and Checkbox */
        .form-control input,
        .form-control label {
            display: inline-block;
            width: auto;
            margin-bottom: 0;
            vertical-align: middle;
        }
        /* Styling Button */
        button {
          background-color: #05c46b;
          border: 1px solid #777;
          border-radius: 2px;
          font-family: inherit;
          font-size: 21px;
          display: block;
          width: 100%;
          margin-top: 50px;
          margin-bottom: 20px;
          font-weight:bold;
          cursor: pointer;
      }
      footer{
        font-weight:bold;
      }