body {
animation: transIn 1.5s;
margin: 0;
font-family: 'Poppins', sans-serif;

}


@keyframes transIn {
from {
    opacity: 0;
    transition: rotateX(-10deg);
  }

  to {
    opacity: 1;
    transition: rotateX(0);
  }
}

@keyframes transOut {
  from {
    opacity: 1;
    transition: rotateX(0);

  }

  to {
    opacity: 0;
    transition: rotateX(-10deg);
  }
}

* {
    font-family: sans-serif;
}

h1 {
  text-align: center;
  font-family: sans-serif;
  font-size: 100px;
}

h2 {
  text-align: center;
  font-family: sans-serif;
  font-size: 75px;
  color: #595959;
}

.linksFP {
  text-align: center;
  font-size: 75px;

    font-family: sans-serif;

}

a {
  text-decoration: none;
  color: black;
}

.invites {
display: block;
text-align: center;
border-style: solid;
width: 20%;
border-radius: 20%;

}

.invitesList {
  display: flex;
  justify-content: center;
}

.invites-btn {
  margin-bottom: 10px;
}


.InvitationsList {
  display: block;
}

.tilmed  {
  margin-top: 100px;
  display: flex;
  justify-content: center;

}

.tilmed input {
width: 1000px;
height: 50px;
text-align: center;
font-size: 40px;
}

.tilmeld {
  display: block;
}

.tableCSS {

  justify-content: center; 
  text-align: center;
}

.FrontImage {
  margin-top: 50px;
  width: 50%;
  border-radius: 20%;
  border-style: solid;
  border-width: 10px;

}

.FrontImageDiv {
display: flex;
justify-content: center;
}

footer {
  margin-top: 30px;
  text-align: center;
}