@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Eagle Lake';
  font-style: normal;
  font-weight: 400;
  src: url('../asgard/eagle-lake-v24-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/eagle-lake-v24-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
font-family:'Eagle Lake';
src: url('EagleLake.ttf'); 
}

a:hover {
  color: darkgreen;
}

a {
  color: seagreen;
}

body {
  background-image: url(https://overthesea.neocities.org/asgard/bgtile3.jpg);
  background-size: 200px;
  color: black;
  font-family: 'Eagle Lake',  Garamond; 
   margin-left: auto;
  margin-right: auto;
  margin-bottom: 3%;
   padding-left: 3%;
  padding-right: 3%;
  cursor: url('https://overthesea.neocities.org/asgard/cursor.png'), auto;
}

main {
  border: 3px ridge seagreen;
  background-color: ivory;
  margin-top:3%;
  padding: 1rem 3rem 1rem 2rem;
  font-size: 1.3rem;
  line-height: 2rem;
   width: 67%;
   margin-left:auto;
   margin-right:auto
}

.back {
  position: absolute;
  top: 2%;
  left: 3%;
  background-color: ivory;
   border: 2px ridge seagreen;
  padding: 0.15rem 0.15rem;
}

p {font-family: Garamond;
   margin-bottom: 1rem;
text-indent:1rem;}

h1 {font-family:'Eagle Lake';
font-size:1.5rem;
text-align:center;
padding-bottom:1rem}

@media(max-width:750px){
   main { width: 80%;}
}