/* . = class
  # = id
*/

body {

    background: #EAF3F2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    flex-direction: column;

}

*{

    font-family: cursive;
    box-sizing: padding-box;

}

form {

    width: 30%;
    border: 3px solid rgb(177, 142, 142);
    padding: 10px;
    background: #85929E;  
    border-radius: 20px;

}

h2 {

    text-align: center;
    margin-bottom: 40px;

}

input {

    display: block;
    border: 2px solid #ccc;
    width: 95%;
    padding: 10px;
    margin: 10px auto;
    border-radius: 5px;

}

label {

    color: #E5E8E8;
    font-size: 18px;
    padding: px;

}

button {

    float: right;
    background: rgb(35, 174, 202);
    padding: 10px 15px;
    color: #fff;
    border-radius: 5px;
    margin-right: 10px;
    border: none;

}

button:hover{

    opacity: 100;
}

.error {

   background: #F2DEDE;
   color: #0c0101;
   padding: 10px;
   width: 95%;
   border-radius: 5px;
   margin: 20px auto;

}

h1 {

    text-align: center;
    color: rgb(134, 3, 3);

}

a {

    float: right;
    background: #C7CACA;
    padding: 10px 15px;
    color: #fff;
    border-radius: 10px;
    margin-right: 10px;
    border: none;
    text-decoration: none;

}

a:hover{

    opacity: .7;

}
  table {
   border: 1px solid black;   
   /*border-collapse: collapse;*/
   border-spacing: 40px;   
   width: 100%;
   /*padding-top: 10px;*/
   /*padding-bottom: 20px;*/
   padding-left: 40px;
   padding-right: 40px;
}

th{
    
   border: 11px solid black;   
   border-spacing: 40px;   
   width: 100%;  
   padding-left: 10px;
   padding-right: 10px;
   /*padding-bottom: 20px;*/
    
}

td{
   /*border: 1px solid black;*/   
   border-collapse: collapse;
   border-spacing: 40px;
   
   width: 100%;
   /*padding-top: 10px;*/
   padding-bottom: 20px;
   padding-left: 40px;
   padding-right: 40px;
    
}