@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
:root{
  --darkRed:#DA0037;
}
*{
    margin:0;
    padding:0;
}
html{
    scroll-behavior: smooth;
}
body{
    background-color: black;
    color:white;
    font-family: 'Rubik', sans-serif;
}
h1{
  margin-top:50px;
    text-align: center;
}
.ticket-form {
    margin:10px;
    display: flex;
    flex-direction: column;
    gap:20px;
    justify-content: center;
    align-items: center;
    box-shadow: -2px -2px 2px #fff,2px 2px 2px #fff;
    border-radius: 10px;
    border: 1px solid #fff;
    padding:10px;

}
.ticket-form > input {
  border:none;
  padding:5px;
  background-color:black;
  color:green;
  border:1px solid #fff;
  border-radius: 10px;
}
.ticket-form > input::-webkit-input-placeholder{
  color:#fff;
  text-indent: center;
}
.ticket-form > input[type=submit]{
  color:#fff;
  border-radius: 10px;
  border:1px solid #fff;
  padding:5px 15px;
  background-color: green;
  font-weight: bolder;
}
.ticket-form > input[type=date]{
  color:#fff;
}
/* Table */
#ticketTable {
    margin-top:50px;
    margin-bottom: 20px;
    width: 100%;
    font-family: arial, sans-serif;
    border-collapse: collapse;
    
}
td, th {
  border: 1px solid #fff;
  text-align: center;
  padding: 5px;
  background-color: rgb(32, 32, 34);
}

tr:nth-child(even) {
  background-color: #1a1918;
}

.footer > p{
  font-size:16px;
  position:absolute;
  bottom:100px;
  margin-left:20px;
}