* { margin:0; box-sizing:border-box; font-family:Arial,sans-serif; }

html {
  scroll-behavior: smooth;
}

body {
  background: url("images/Horizont.jpg") no-repeat center center fixed;
  background-size: cover;
}

/* Navbar */
.navbar {
  display:flex; justify-content:space-between; align-items:center;
  background:rgba(34,34,34,0.9); color:white;
  padding:10px 30px; position:fixed; top:0; width:100%; z-index:1000;
}

.navbar-inner {
  display: flex;
  justify-content: space-between;   /* logo left, links right */
  align-items: center;
  width: 80%;                       /* content takes 80% of navbar width */
  margin: 0 auto;
}
.logo { font-size:24px; }

.nav-btn, .rollup-btn {
  font-size:20px; background:transparent; color:white; border:none;
  padding:10px 20px; border-radius:5px;
  cursor:pointer; text-decoration:none; transition:.3s;
}
.nav-btn:hover, .rollup-btn:hover { background:rgba(0,191,255,0.8); }

/* Rollup menu */
.rollup-section { position:relative; display:inline-block; }
.rollup-content {
  display:none; position:absolute; top:100%; left:0; min-width:150px;
  background:rgba(255,255,255,0.9); border-radius:5px;
  flex-direction:column; box-shadow:0 4px 10px rgba(0,0,0,0.2); z-index:1000;
}
.rollup-content a {
  padding:10px 15px; display:block; color:black; text-decoration:none;
}
.rollup-content a:hover { background:rgba(0,191,255,0.2); }
.rollup-section:hover .rollup-content { display:flex; }

.content-wrapper {
  max-width: 80%;
  margin: 95vh auto 0;
  box-shadow:0 0 20px rgba(0,0,0,0.3);
}
.top-strip {
  display: block;                     /* makes it a block-level element */
  justify-content: center;            /* horizontal center */
  align-items: center;                /* vertical center */
  height: 80px;                       /* your desired height */
  background-color: rgba(34,34,34,0.9); /* semi-transparent dark */
  border-radius: 10px 10px 0 0;       /* round top corners */
  color: white;
  text-decoration: none;               /* remove underline */
  cursor: pointer;
}
/* White column */
.content {
  background:white;
  padding:40px;
}
.content h2 {
	margin-top:30px;
	margin-bottom:10px;
}
.content p{
 margin-bottom: 10px; /*space below each paragraph */
 line-height: 1.6; 
}

a {
  color: rgba(0,191,255,0.8);              /* changed link color */
  text-decoration: none;    /* remove underline */
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
}

a:active {
  color: orange;            /* when you click and hold */
}