body {
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.12) 0px,
      rgba(0, 0, 0, 0.12) 1px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(
      to bottom,
      #00bfff 0%,
      #7fd9ff 50%,
      #e6f6ff 100%
    );

  min-height: 100vh;
  margin: 0;
}




#bottomrightimg {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

#bottomrightimg img {
  width: 300px;
  height: auto;
  margin-right: 50px;
}


#container {
  width: 900px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 50px !important;
  background: transparent;
}

#logo {
  background: none;
  text-align: center;
  margin-bottom: -30pt;
}

.logo {
    font-family: 'Super Trend';
    font-size: 90pt;

    color: #02bfff;

    -webkit-text-stroke: 2px #d4f0ff;

    text-shadow:
        0 0 10px rgba(255,255,255,0.8),
        0 0 20px rgba(0,191,255,0.6),
        0 4px 8px rgba(0,0,0,0.2);
}

.sublogo {
    font-family: 'Super Trend';
    font-size: 20pt;
    line-height: 20pt;
    font-weight: bold;

    color: #02bfff;

    -webkit-text-stroke: 0.5px rgba(255,255,255,0.9);

    text-shadow:
        0 0 4px rgba(255,255,255,0.8),
        0 0 8px rgba(0,191,255,0.4),
        0 2px 4px rgba(0,0,0,0.15);

    position: relative;
    top: -40px;
}

#navigation {
  background: none;
  padding: 10pt;
  margin: 5pt;
  text-align: center;
}

.navlink {
  display: inline-block;
  width: 100px;
  text-align: center;
  padding: 8px 16px;
  margin: 0 2px;
  font-family: 'Super Trend';
  font-size: 15pt;
  color: #fff;
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.45) 0%,
      rgba(255,255,255,0.15) 50%,
      rgba(255,255,255,0.25) 100%
    );
  -webkit-text-stroke: 0.5px rgb(0,194,255,0.7);
  border: 1px solid rgba(255,255,255,0.5);
  border-radius: 8px;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.8),
    0 2px 6px rgba(0,0,0,0.15);

  text-decoration: none;
}

.navlink:hover {
  background:
    linear-gradient(
      to bottom,
      rgba(255,255,255,0.6) 0%,
      rgba(255,255,255,0.25) 100%
    );
    color: #01bffe;
    -webkit-text-stroke: 0.5px rgb(255,255,255,0.5);
}

#content {
  background: #8fdcfe;
  padding: 18pt;
  margin: 5pt;
  border-radius: 10pt;
  font-family: 'Cafeteria';
  font-size: 15pt;
  color: #fff;
  text-align: justify;
  border: 2px solid rgba(255, 255, 255, 0.75);

box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 4px 12px rgba(0,0,0,.15);
}

#footer {
  background: none;
  padding: 10pt;
  margin-top: -10pt;
  font-family: '000webfont';
  font-size: 12pt;
  text-align: center;
  color: white;
}