html{
  scroll-behavior: smooth;
}

body{
  display: flex;
  flex-direction: column;
  background-image: url("../photos/Background.png");
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 0 0 0;
  justify-content: space-between;
  min-height: 100vh;
  height: fit-content;
}



.content{
  margin: 0vw 3vw 3vw 3vw;
  flex-grow: 1;
  margin-top: 2vw;
}

.rounded{
  border-radius: 2vw;
}

h1, h2, p {
  font-family: "Poppins", sans-serif;
  font-style: normal;
}

h1 {
  font-weight: 700;
  font-size: 5vw;
  color: #34526C;
  margin: 0.5vw 0vw;
}

h2 {
  font-weight: 700;
  font-size: 2vw;
  color: #34526C;
  margin: 0.5vw 0vw;
}

p {
  font-weight: 300;
  font-size: 1.3vw;
  color: #34526C;
  margin: 0.5vw 0vw;
  padding: 0vw 5vw;
}

:target {
  scroll-margin-top: 10vw; 
}

.hover:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease-in-out;
}

@media (max-width: 768px) {
  .header {
    display: none;
  }
  a {
    font-family: poppins, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 2vw;
    text-decoration: none;
    color: rgba(52, 82, 108, 1);
  }
  a.sidebar-entry{
    font-family: poppins, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5vw;
    text-decoration: none;
    color: rgba(52, 82, 108, 1);
  }

  h1{
    font-size: 10vw;
  }

  h2{
    font-size: 6vw;
  }

  p {
    font-size: 3vw;
  } 

  #none{
    padding-top: 50%;
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.44);
    align-items: center;
  }

  #none h1{
    font-size: 7vw;
  }

  .none.dropdown-button{
    width: 60vw; 
    height: 15vw; 
    font-size: 3vw;
    border-radius: 8vw;
  }

}

@media (min-width: 768px) {
  #none{
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 255, 255, 0.44);
    align-items: center;
  }
}