body{
  margin: 0px;
}
header{
  height: 20vh;
  background-image: url(images/bowlywood.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
}
main{
  min-height: 80vh;
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  background-image: url(images/collage.jpg);
  background-repeat: repeat;
}
form {
  height:auto;
  grid-column: 2;
  display: grid;
  grid-template-columns: [labels] auto [controls] 1fr;
  grid-gap: 25px;
  background-image: url(images/film.svg);
  background-size: cover;
  background-position: center;
  padding: 35px 20% 55px 20%;
  color: white;
}
form button {
  grid-column: 1 / -1;
  justify-self: center;
  width: 100px;
  height: 30px;
  background-color: rgb(255, 187, 0);
  border-radius: 5px;
  border-color: black;
}
form p{
  grid-column: controls;
}
form > h2 {
  grid-column: 1 / -1;
  justify-self: center;
  color: white;
}
form input[type="radio"]{
  padding-right: 100px;
}
.extraeuro{
  color: rgb(230, 92, 0);
  grid-column: 1 / -1;
}
.check{
  display: grid;
  grid-template-columns: [labels] auto [controls] 1fr;
  grid-column-gap: 20%;
}
footer{
  display: flex;
  height: 10vh;
  background-color: black;
  color: white;
  margin-top: -20px;
  justify-content: left;
  align-items: end;
}
footer p{
  margin-left: 20px;
  color: grey;
}
.line{
  grid-column: 1 / -1;
  justify-self: center;
}