* {
  font-family: 'Pacifico', cursive;
}


h1 {
    margin: 0px 20px 0px 20px;
    text-align: center;
    font-family: 'Pacifico', cursive;
    font-size: 35px;
    color: #f06292;
}

p {
    margin: 0px 30px 0px 30px;
    font-size: 23px;
   
}

#airbnb, #latinquarter, #notredame, #shakespeare, #champselysse, #walloflove, #moulinrouge, #eiffeltower, #aktiviteter, #barround, #avslutning {
  margin: 0 auto;
  text-align: center;
  height: 80px;
  width: 350px;
  border-radius: 10px;
  border: 1px solid #f06292;
  color: #f06292;
  font-size: 28px;
  padding: 17px 0px 10px 0px;
  margin-bottom: 10px;

}

#content1, #content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9, #content10, #content11 {
  display: none;
}

/* OPPGAVE ACCORDION */

.accordion-oppgave {
  width: 300px;
  margin: 0 auto;
}

.accordion-oppgave-item {
  border: 1px solid #f06292;
  margin-bottom: 5px;
  background-color: #f06292;
  border-radius: 10px;
}

.accordion-oppgave-btn {
  width: 100%;
  text-align: center;
  padding: 10px;
  cursor: pointer;
  font-size: 20px;
}

.accordion-oppgave-content {
  display: none;
  padding: 10px;
  font-size: 18px;
}

.accordion-oppgave-item.active .accordion-content {
  display: block;
}

button {
  border: 0px;
  background-color: transparent;
}

/* GALLERY */

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
  gap: 10px;
  padding: 10px;
  max-width: 800px;
  margin: 0 auto;
}

.image {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}

.image img {
  max-width: 100%;
  height: auto;
  display: block;
}



.image:hover::before {
  opacity: 1;
}



@media (max-width: 600px) {
  .gallery {
      grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
  }
}
:root {
    --primary: #227093;
    --secondary: #ff5252;
    --background: #eee;
    --highlight: #ffda79;
    /* Theme color */
    --theme: var(--primary);
  }
  *, *::before, *::after {
    box-sizing: border-box;
  }

  body {
    place-items: start;
    gap: 1rem;
    margin: 0;

    color: var(--primary);
    background-color: pink;
  }
  
  /* Core styles/functionality */
  .tab input {
    position: absolute;
    opacity: 0;
    z-index: -1;
  }
  .tab__content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.35s;
  }
  .tab input:checked ~ .tab__content {
    max-height: 10rem;
  }

  label {

    font-weight: bolder;
    font-size: 32px;

  }