.message {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 10px;
  margin:150px;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #333;
  color: #fff;
  padding: 10px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.menu {
  display: flex;
  margin: 0;
  padding: 0;
}

.menu li {
  list-style: none;
  margin-right: 20px;
}

.menu li:last-child {
  margin-right: 0;
}

.menu li a {
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.hamburger-menu {
  display: none;
  cursor: pointer;
}

.hamburger-menu__line {
  width: 25px;
  height: 3px;
  background-color: #fff;
  margin: 5px;
}

@media (max-width: 768px) {
  .menu {
    display: none;
  }
  
  .hamburger-menu {
    display: block;
  }
  
  nav {
    padding: 0;
  }
  
  .menu.show {
    display: block;
  }
  
  .menu li {
    display: block;
    margin: 0;
    text-align: center;
  }
  
  .menu li a {
    display: block;
    padding: 10px;
  }
}

.privacy-policy {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  margin: 0;
  padding: 20px;
}

.privacy-policy h2 {
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.privacy-policy p {
  margin-bottom: 15px;
}

.privacy-policy a {
  color: #0066cc;
}

.privacy-policy ul {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 15px;
}

.privacy-policy li {
  margin-bottom: 5px;
}
#gdprwarning{
	padding-top: 50px;
}
form {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f9f9f9;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  width: 400px;
  margin: 0 auto;
  color: #666;
}

label {
  font-size: 1.2rem;
  margin-top: 10px;
}

input[type="text"],
input[type="email"] {
  font-size: 1rem;
  padding: 10px;
  border: none;
  border-radius: 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
}

button[type="submit"] {
  background-color: #0077cc;
  color: white;
  font-size: 1rem;
  padding: 10px;
  border: none;
  border-radius: 5px;
  width: 100%;
  transition: background-color 0.3s ease;
  cursor: pointer;
}

button[type="submit"]:hover {
  background-color: #006bb3;
}

@media screen and (max-width: 480px) {
  form {
    width: 90%;
  }
}
/* This CSS code applies styles to the form and its elements to make it look more modern and visually appealing. The form is centered on the page, has a light background color, a border radius, and a box shadow to create a three-dimensional effect. The form also uses flexbox to align its elements vertically and horizontally.

The labels and input fields have font sizes and margins set to make them easy to read and use. The input fields have a border, a border radius, and a box shadow to make them stand out from the background.

The submit button has a contrasting background color and changes color on hover to make it more noticeable and encourage users to click on it. The button also has a transition effect and a cursor pointer to provide feedback to the user.

Finally, there is a media query that adjusts the width of the form for smaller screens.*/