.body{
  backdrop-filter: blur(0.2vw); 
  background-repeat: no-repeat;
  background-size: cover;
}

body a{
  text-decoration: none;
  color: rgb(255, 52, 52);
}

body li {
  list-style-type: none;
  width: 100%;
  margin-top: 1.5em;
}

li.blocks{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  list-style-type: none;
  border-radius: 15px;
  width: 100%;
  padding: 1em;
  border: 2px solid rgb(153, 0, 255);
}

p{
  color: rgb(0, 0, 0);
  filter:drop-shadow(0px 0px 5px rgb(255, 255, 255));
  font-weight: 500;
  font-size:larger;
  padding-top: 10px;
  margin: 0.1em;
}

.header {
  top: 0px;
  width: 100%;
  padding: 1.5em;
  background-color: white;
  border-bottom: 5px solid rgb(153, 0, 255);
  filter: drop-shadow(5px 5px 15px rgb(153, 0, 255));
}

.header .container{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.header a{
  text-decoration: none;
  color: rgb(153, 0, 255);
}

.logos img{
  width: 10em;
}


#menu .button{
  margin: 0px;
  margin-top: 0.4em;
}

.button {
  border: 3px solid rgb(153, 0, 255);
  border-radius: 15px;
  background-color: rgb(153, 0, 255);
  color: rgb(255, 255, 255);
  font-size: 20px;
  justify-content: center;
  align-items: center;
  margin: 0.5em;
}

.button_true {
  border: 2px solid rgb(0, 196, 0);
  border-radius: 15px;
  background-color: rgba(0, 196, 0, 0);
  color: rgb(0, 0, 0);
  font-size: 20px;
  justify-content: center;
  align-items: center;
  margin: 0.5em;
}

.button_true:hover {
  border: 2px solid rgb(0, 196, 0);
  border-radius: 15px;
  background-color: rgb(0, 196, 0);
  color: rgb(255, 255, 255);
  font-size: 20px;
  justify-content: center;
  align-items: center;
  margin: 0.5em;
}

.button_false {
  border: 2px solid rgb(255, 0, 0);
  border-radius: 15px;
  background-color: rgba(196, 0, 0, 0);
  color: rgb(0, 0, 0);
  font-size: 20px;
  justify-content: center;
  align-items: center;
  margin: 0.5em;
}

.button_false:hover {
  border: 2px solid rgb(255, 0, 0);
  border-radius: 15px;
  background-color: rgb(255, 0, 0);
  color: rgb(255, 255, 255);
  font-size: 20px;
  justify-content: center;
  align-items: center;
  margin: 0.5em;
}

.button:hover {
  background-color: rgb(100, 0, 255);
  border: 3px solid rgb(100, 0, 255);
  color: rgb(0, 0, 0);
}

#menu {
  display: flex;
  flex-direction: column;
  padding: 1em 1.5em 2em 1.5em;
  background-size: cover;
  border-radius: 5px;
  border: 5px solid rgb(153, 0, 255);
  align-items: center;
  margin: auto;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  background-repeat: no-repeat;
  margin-top: 5em;
  width: 50%;
}

#mainmenu {
  display: flex;
  flex-direction: column;
  padding: 1em 1.5em 2em 1.5em;
  background-size: cover;
  border-radius: 5px;
  align-items: center;
  margin: auto;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  background-repeat: no-repeat;
  margin-top: 5em;
  width: 50%;
}


#statements {
  display: flex;
  flex-direction: column;
  padding: 1em 1.5em 2em 1.5em;
  background-size: cover;
  border-radius: 5px;
  border: 5px solid rgb(153, 0, 255);
  align-items: center;
  margin: auto;
  justify-content: center;
  background-color: rgb(255, 255, 255);
  background-repeat: no-repeat;
  margin-top: 5em;
  width: 60%;
}

@media screen and (max-width: 1200px) {
  #menu{
    width: 100%;
  }
  #mainmenu{
    width: 100%;
  }
}

body h3{
  color: rgb(153, 0, 255);
  font-weight: 800;
}

body form{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}


body input{
  display: flex;
  height: 4em;
  margin-bottom: 0.5em;
}

body select{
  display: flex;
  height: 4em;
  margin-bottom: 1.5em;
}

select option{  
  font-size: 1.1em;
}