@import url('https://fonts.googleapis.com/css2?family=DotGothic16&display=swap');

@font-face {
  font-family: 'Spirit';
  src:  url('https://file.garden/ZkotT9fNUzpwCeuq/Spirit.ttf');
}

body {
background: #5A3D39;
background: linear-gradient(170deg, rgba(90, 61, 57, 1) 0%, rgba(115, 74, 68, 1) 100%);
font-family: "DotGothic16", sans-serif;
color:#3F342E;
font-size:20px;
}

.main {
background-color:#F5B77A;
height:600px;
width:550px;
margin-left:550px;
padding-left:10px;
position:absolute;
border: #3F342E 2px solid;
overflow:auto;
}

.nav {
background-color:#F5B77A;
height:600px;
width:200px;
margin-left:330px;
padding-left:5px;
position:absolute;
border: #3F342E 2px solid;


}

a:link {
  color: #3F342E;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: #3F342E;
  background-color: transparent;
  text-decoration: none;
}

a:active {
  color: #3F342E;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: #3F342E;
  background-color: transparent;
  text-decoration: none;
 font-style: italic; 
}