body {

background-image: url(https://cobaltconduct.neocities.org/dollarch_new_long.jpg);
background-size: cover;

  background-repeat: repeat;
  background-attachment: scroll;
  background-position: center top;
  background-height: 5460px;
  background-width: 1920px;

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
  
  
}

.mail {
  margin-right: 50px;

}


.links {
  margin-left: 20px;
  margin-top: 100px;
  overflow: auto;


}

 .sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  margin-top: 370px;
  margin-right: 20px;
  width: 15px;
}

h1 {
  color: white;
  font-family: tahoma;
  text-align: left;
  margin-left: 20px;
  font-size: 20px;
}

h2 {
  color: white;
  font-family: tahoma;
  text-align: left;
  font-size: 15px;
  
}

h3 {
  color: white;
  font-family: tahoma;
  text-align: left;
  font-size: 15px;
  font-weight:normal;
  
}

p {
  color: white;
  font-family: verdana;
  font-size: 12px;
}

/* unvisited link */
a:link {
  color: white;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: white;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: #4d4a84;
  text-decoration: none;
}

/* selected link */
a:active {
  color: white;
  text-decoration: none;
}

.footer {
  position: absolute;
  top: 2000px;
  left: 20px;
  bottom: 50px;
  width: 100%;
  color: white;
  text-align: left;


}

 .content {
  position: absolute;
  text-align: match-parent;
  top: 100px;
  left: 100px;
  right: 100px;
  bottom: 50px;
  width: 70%;
  color: white;

}

@media screen and (max-width: 900px) {
  .links {
    width: 100%;
    height: auto;
    position: relative;
  }
  
  .links {
    float: left;
    padding: 15px;
  }
  
  div.content {margin-left: 0;}
}

@media screen and (max-width: 400px) {
  .links {
    text-align: center;
    float: none;
  }
}