* {
  box-sizing: border-box;
}
body {
  background-color: #0C9BC9;
  padding: 0;
  margin: 0;
  color: white;
  background: #0a0a0a;
}
.billede-div {
  width: 33.33%;
  float: left;
}
.logo {
  font-family: 'Playfair Display', serif;
  font-size: 28px;
  letter-spacing: 2px;
}
header {
  position: fixed;
  width: 100%;
  height: 80px;
  background: rgba(10,10,10,0.6);
  padding: 20px 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  backdrop-filter: blur(10px);
  z-index: 1000;
}
.hero {
  height: 100vh;
  display: flex;
  align-items: center;
  padding: 0 80px;
  background: linear-gradient(to right, #000000cc, #00000000), url('https://images.unsplash.com/photo-1773613007146-650c070ffc59?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
  background-size: cover;
}
nav a {
  margin-left: 30px;
  text-decoration: none;
  color: #ccc;
  font-size: 14px;
  transition: 0.3s;
}
nav a:hover {
  color: gold;
}
.section {
padding: 100px 80px;
text-align: center;
}
.section h2 {
font-family: 'Playfair Display', serif;
font-size: 42px;
margin-bottom: 20px;
}
.section p {
color: #aaa;
max-width: 600px;
margin: auto;
}