@font-face {
  font-family: "Actor";
  src: url("/fonts/actor.woff2") format("woff2"),
       url("/fonts/actor.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

body {
  background: url(https://i.postimg.cc/4xkXCgtT/Frutiger-Aero-Desktop-Wallpaper-Background-1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  font-family: "Gruppo";
  color: black;
  cursor: url(https://cur.cursors-4u.net/user/use-1/use153.png), default;
}

header {
  background: linear-gradient( to bottom, rgba( 40, 169, 105, 0.8), rgba(123, 224, 173, 0.8), rgba(170, 235, 202, 0.8), rgba(197, 241, 219, 0.8), rgba(234, 250, 242, 0.8));
  border-top: 1px solid #28A969;
  border-right: 1px solid #28A969;
  border-left: 1px solid #28A969;
  border-radius: 8px 8px 0 0;
  margin: 0 auto;
  width: 1195px;
}

header a, header input[type=text] {
  color: #00A058;
  border-radius: 4px;
  float: right;
  width: 300px;
}

header input[type=text] {
  background: linear-gradient( to bottom, rgba(234, 250, 242, 0.7), rgba(227, 252, 240, 0.7), rgba(224, 255, 241, 0.7), rgba(219, 255, 239, 0.7));
  border: 1.5px solid #DBFFEF;
  margin-top: 5px;
  margin-right: 4px;
}

::placeholder {
  color: #00CD71;
}

.icon {
  float: right;
  margin-right: 5px;
  margin-top: 5px;
}

.topnav {
  background: linear-gradient(to bottom, rgba(234, 250, 242, 0.8), rgba(197, 241, 219, 0.8));
  border-right: 1px solid #28A969;
  border-left: 1px solid #28A969;
  width: 1195px;
  margin: 0 auto;
  overflow: hidden;
}

.topnav a {
  float: right;
  text-decoration: none;
  padding: 14px 10px;
  font-size: 15px;
  font-family: "Gruppo", sans-serif;
}

.topnav a, .active {
  margin-right: 4px;
  color: #56D796;
}

.topnav a:hover {
  text-decoration: underline;
  text-transform: uppercase;
  font-weight: bold;
  color: #28A969;
}

.main {
  width: 1160px;
  height: 585px;
  margin-top: -30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  overflow: scroll;
  background-color: white;
  border: 4px solid #28A969;
}

.container {
  background: linear-gradient(to bottom, rgba(197, 241, 219, 0.8), rgba(170, 235, 202, 0.8), rgba(123, 224, 173, 0.8), rgba( 40, 169, 105, 0.8));
  width: 1195px;
  margin-top: 29.7px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0 0 8px 8px;
  border-right: 1px solid #28A969;
  border-left: 1px solid #28A969;
  border-bottom: 1px solid #28A969;
}

.backimg {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
}

.backimg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: linear-gradient(to top, white, transparent);
  pointer-events: none;
}

.words {
  position: absolute;
  bottom: 8px;
  left: 16px;
}