@font-face {
    font-family: ComicSands;
    src: url("font/ComicNeue-Bold.ttf");
}

@font-face {
    font-family: FancyScams;
    src: url("font/CedarvilleCursive-Regular.ttf");
}


body{
    margin: 0%;
    padding: 0%;
    overflow-wrap: break-word;
    background-color: #400000;
    color: #ffff80;
    font-family: ComicSands;
}

img{
  margin: auto;
  display: block;
}

.clothy{
  margin: 10%;
  background-color: #800000;
  background-clip:padding-box;
  border: 32px solid transparent; 
  border-image: url("graphix/border.png") 32 round;
}

.clothycenter{
  margin: 10%;
  background-color: #800000;
  background-clip:padding-box;
  border: 32px solid transparent; 
  border-image: url("graphix/border.png") 32 round;
  display: flex;
  justify-self: center;
  text-align: center;
  max-width: fit-content;
}

a:link {
  color: #808000;
}

a:visited {
  color: #808040;
}

a:hover {
  color: #ff8000;
}

a:active {
  color: #804000;
} 

.smellivator{
  margin-bottom: 192px;
}

nav {
  list-style-type: none;
  overflow: auto;
  text-align: left;
  background-color: black;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
}

nav li {
  float:left;
}

nav li a {
  display: block;
  color: #ffff80 !important;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav li a:hover:not(.active) {
  background-color: #400000;
}

active {
  background-color: #800000;
}