styles.scss

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:wght@100;300;400;600&display=swap');

body {
  font-family: 'IBM Plex Serif', serif;
  font-size: 1rem;
  background-color: #F8EDE3;
  color: #3A3C3A;
}

h2 {
  font-size: 4rem;
  font-weight: 300;
  color: #3A3C3A;
}

p {

}

hr {
  display: block;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
}

input {
  width: 100%;
  height: 3rem;
  background-color: #09594E;
  border: none;
  border-radius: 5px;
  -webkit-appearance: none;
  font-family: 'IBM Plex Serif', serif;
  font-size: 1rem;
  color: #F8EDE3;
  font-weight: 300;
  margin-top: 2rem;
  cursor: pointer;
  margin-bottom: 2rem;
}

table {
    // border: solid 1px #3A3C3A;
    border: solid 3px #FDF8F4;
    border-collapse: collapse;
    border-spacing: 0;
    font-family: 'IBM Plex Serif', serif;
    font-size: 0.9rem;
    margin-bottom: 1rem;
    width: 100%;
    word-break:break-word;
}
th {
    // background-color: #CB9972;
    // border-bottom: solid 2px #3A3C3A;
    color: #3A3C3A;
    padding: 10px;
    margin-bottom: 10px;
    text-align: left;
}
tbody td {
    // border: solid 1px #3A3C3A;
    border-bottom: solid 5px #FDF8F4;
    color: #333;
    padding: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    word-break:break-word;
    background-color: white;
}

footer {
  padding: 2rem;
  background-color: white;
  p {
    font-size: 0.9rem;
}
}

i {
  line-height: 1.6rem;
}

@keyframes slideInFromLeft {
  0% {
     opacity: 0;
     transform: translateY(-30px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}

.comboboxNationality {
  padding-right: 1rem;
}

.header-image {
  margin-top: 1rem;
  height: 40vh;
}

.container {
  animation: 0.8s ease-out 0s 1 slideInFromLeft;
}

.smallLink {
  font-size: 0.9rem;
}

#returnTitle {
  background-color: #FDF8F4;
  display: none;
  padding-bottom: 2rem;
}