body {
     background-color: #f2f2f2;
     margin-top: auto;
     margin-bottom: auto;
     margin-left: auto;
     margin-right: auto;
     width: 720px;
       height: 90%;
     border: none;
     text-align: center;
     font-family: arial;
     font-size: 16px;
       }
.image-logo {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 60px;
     height: 23px;
       }
h2 {
     font-family: arial;
    /* color: #000000;   */
     font-size: 140%;
        }
        p.stars {  
       color: lightblue;
       font-family: arial;
       font-size: 30px;
       }
p.thursday {  
     color: black;
     font-size: 14px;
     font-family: times;
     font-weight: normal;
     text-align: center;
     padding-bottom: 10px;
      }
   
p.name {
     font-family: arial;
     font-weight: normal;
     font-size: 10px;
     }
 
p.smack {
     font-family: arial;
     font-weight: normal;
          font-size: 10px;
      padding-bottom: 15px;
     
 <!--     -textarea-line-clamp: 2;
        line-clamp: 2; -->
     }
     
label {
       font-size: 14px;
                    }
             
textarea {
  font-family: arial;
  font-size: 12px;      
  }

       /*
     margin-left: auto; 
     margin-right: auto;
     display: inline-block;
     font-weight: normal;
     padding-left: 10px;
     padding-left: 10px;
      } 
      
                                           <!-- /* Team Name box  */ -->
  
input[type="text"]  {
     width: 220px;
     font-size: 15px;
     font-weight: normal;
     text-align: left;
     border: 1px solid black;
     border-radius: 4px;
     padding: 3px;
     margin-left: auto; 
     margin-right: auto;
      } 
    
     
      .intro {
     margin-left: auto; 
     margin-right: auto;
     text-align: center;
     font-family: arial;
     width: 400px;
        }
      
                                          <!-- /* Table        */ -->
table.center {      
     margin-left: auto; 
     margin-right: auto;
     text-align: center;
     font-family: arial;
     width: 700px;   }
 
    
p.table, th {
     border: 0px;
           font-size: 12px;
     font-weight: bold;
             text-align: left;
     color: #8c19ff; 
     padding-left: 1px;
     padding-right: 20px;
     padding-top: 1px;
      padding-bottom: 7px;
        }
p.table, td {
     border: 0px;
     font-size: 13px;
     color: black;
     text-align: left;
     font-weight: normal;
     padding-left: 6px;
     padding-bottom: 12px;
       }
.date {
      font-size: 12px;
     font-weight: normal;
     text-align: center; 
     padding-left: 1px;
     padding-right: 12px;
      }
      
/*
p.date { 
     font-size: 12px;
     font-weight: normal;
     text-align: center; 
     padding-left: 15px;
     padding-right: 2px;
         }     */

                                  <!--  /* Reset - off */ -->

input[type=reset] {        
     background-color: #cccccc; 
     font-family: arial;
     color: black;
     font-weight: normal;
     width:120px;
     height: 30px;
     border: 1px solid black;
     border-radius: 4px;
     cursor: pointer;
       }                             
                          <!--  /* SUBMIT - off */ -->

input[type=submit] {     
     background-color: #cccccc;
     color: black;
     font-family: arial;
             font-size: 14px;
     font-weight: normal;
     width:120px;
     height: 30px;
     border: 1px solid black;
     border-radius: 4px;
     cursor: pointer;
      }
      
      input[type=reset] {     
     background-color: #cccccc;
     color: black;
     font-family: arial;
     font-size: 14px;
     font-weight: normal;
     width:120px;
     height: 30px;
     border: 1px solid black;
     border-radius: 4px;
     cursor: pointer;
      }
  
input[type=reset]:hover {
     background-color: #ff6666;
     color: white;
     padding-top: 7px;
     padding-bottom: 7px;
     border-radius: 4px;
     cursor: pointer;
       }  
      
input[type=submit]:hover {
     background-color: #45a049;
     color: white;
     padding-top: 7px;
     padding-bottom: 7px;  
     border-radius: 4px;
     cursor: pointer;
       }  

 p.byes {
      font-size: 11px;
      padding-bottom: 12px;
        }
  @media print {
        input, textarea, select {
            background-color: transparent !important;
         /* <!--   border: none !important; -->   */
            box-shadow: none !important;
            -webkit-print-color-adjust: exact; /* For WebKit browsers */
            print-color-adjust: exact; /* Standard property */
        }