* { 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; }

/* White column */
.content {
  margin: 64px auto 0;
  max-width: 80%;
  background: white;
  padding: 40px;

  min-height: calc(100vh - 60px); /* full viewport height minus top margin */
  box-sizing: border-box;          /* include padding in height calculation */
}
.content h2 {
	margin-top:30px;
	margin-bottom:10px;
}
.content p{
 margin-bottom: 10px; /*space below each paragraph */
 margin-top:10px;
 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 */
}