body {
      background-color: grey;

    }

    table {
      width: 100%;
      border: 1px solid black;
      border-collapse: collapse;
    }

    td {
      
      border-collapse: collapse;
      width: 50%;
      padding: 10px;
      text-align: center;

    }

    th {
      
      text-align: left;
      padding: 10px
    }

    form {
      border-radius: 10px;
      background-color: whitesmoke;
      padding: 1%;
      padding-left: 5%;
      padding-right: 5%;
    }

    header {
      text-align: center;
      padding-bottom: 1%;
      width: 100%;
      height: 300px;
      overflow: hidden;
    }

    textarea {
      width: 90%;
      height: 50px;
      resize: none;
      /*field-sizing: content; */
    }

    input,
    textarea {
      padding: 8px;
      border: 2px solid #ccc;
      /* Standard Gray */
      border-radius: 4px;
      outline: none;
      transition: all 0.3s ease;
    }

    input:required:invalid,
    textarea:required:invalid,
    .invalid {
      border-color: #e74c3c;
      /* Red */
      background-color: #fdf2f2;
      /* Very light red tint */
      box-shadow: 0 0 3px rgba(231, 76, 60, 1);
    }

    input:required:valid,
    textarea:required:valid,
    .valid {
      border-color: #2ecc71;
      /* Green */
      background-color: #f0fbf4;
      /* Very light green tint */
    }

    input {
      border-color: #ccc;
      /* Back to Gray */
      background-color: #fff;
    }

    .load_animation_1 {
            border: 12px solid orange;
            border-radius: 50%;
            border-top: 12px solid #444444;
            width: 70px;
            height: 70px;
            animation: spin 1s linear infinite;
      
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    .load_animation_2 {
            border: 5px solid orange;
            border-radius: 50%;
            border-top: 5px solid #444444;
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
    
    }

    @keyframes spin {
        100% {
            transform: rotate(360deg);
        }
    }