@charset "utf-8";
/* CSS Document */

body {
      font-family: 'Segoe UI';
      background-color: #f5f5f5;
    }
table{
  border: 2px solid gray;
  border-collapse: collapse;
  margin: 0px auto;
  box-shadow: 0 0 50px rgba(0,0,0,0.3);
  margin-bottom: 50px;
  width: 50%;
}
caption{
  font-size: 2.5em;
  font-weight: bold;
  padding: 15px;
}
th,td{
  border: 2px solid white;
  padding: 15px;
  font-size: 1.1em;
}
tr{
  background-color: rgb(242, 238, 238);
}
tr:nth-child(odd){
  background-color: lightgray;
}
th{
  color: white;
  background-color: blue;
}
.container {
   max-width: 600px;
   margin: 0 auto;
   background-color: white;
   padding: 20px;
   border-radius: 20px;
   box-shadow: 0px 0px 50px rgba(0,0,0,0.3);
   }
   h1 {
   text-align: center;
   color: #2c3e50;
   }
   form {
      display: flex;
      flex-direction: column;
   }
   label {
      margin-top: 15px;
      font-weight: bold;
   }
   input, select, textarea {
      margin-top: 5px;
      padding: 10px;
      border-radius: 5px;
      border: 1px solid #ccc;
      font-size: 1em;
   }
   button {
      margin-top: 20px;
      padding: 15px;
      background-color: #3498db;
      color: white;
      font-size: 1em;
      border: none;
      border-radius: 5px;
      cursor: pointer;
   }
   button:hover {
      background-color: #2980b9;
   }