@font-face {
  font-family: "KosugiMari";
  src: url("assets/font/KosugiMaru-Regular.woff") format("woff");
}

body {
  background-color: #020202;
  color: #ffffff;
  font-family: KosugiMari;
  padding: 0px;
}

.banner-out {
  background-color: #ff0000;
  width: 100%;
  margin: auto;
  position: relative;
  border: 2px solid #fcba03;
}

.banner-in {
  display: flex;
  margin: auto;
  width: 85%;
  color: #ffffff;
  font-family: KosugiMari;
}

.nav {
  display: flex;
  margin: auto;
}

.header-link {
  padding-left: 1.5em;
  padding-right: 1.5em;
  letter-spacing: 1.3px;
}

a {
  color: #e3e3e3;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  text-decoration: underline dotted;
  background-color: #e3e3e3;
  color: #181818;
}

.ash {
  color: #181818;
  font-weight: bold;
  text-decoration: none;
}

.ash:hover {
  text-decoration: underline dotted;
  background-color: #181818;
  color: #e3e3e3;
}

.content {
  padding-top: 10px;
  margin: auto;
  width: 75%;
}
.content2 {
  padding-top: 10px;
  margin: auto;
  width: 25%;
}

.page-cont {
  display: flex;
}

h2,h3,h4,h5,h6,p {
  padding: 0px;
  margin-top: 5px;
  margin-bottom: 5px;
}

h2 {
  letter-spacing: 0.25em;
}

img {
  image-rendering: pixelated;
}

/* marquee section */
.marquee {
  background-color: #ff0000;
	border: 2px solid #fcba03;
	display: flex ;
	overflow: hidden ;
	white-space: nowrap ;
	width: 100%;
}
		
.marquee__item {
	animation-duration: 30s ;
	animation-iteration-count: infinite ;
	animation-name: marquee-content ;
	animation-timing-function: linear ;
	padding: 5px 15px 5px 15px ;
}
.marquee:hover .marquee__item {
  animation-play-state: paused ;
}

@keyframes marquee-content {
	from {
		transform: translateX( 0% );
	}
	to {
		transform: translateX( -100% );
	}
}

/* firneds designs thing whatever */
#isaiah {
  background-color: #5e0e0e;
  padding: 10px;
}

#ashley {
  background-color: #e67e22;
  padding: 10px;
  color: #020202;
}

#jesse {
  background-color: #370945;
  padding: 10px;
}

#robo {
  background-color: #6296f0;
  color: #020202;
  padding: 10px;
}

#bone {
  background-color: #ffffff;
  color: #020202;
  padding: 10px;
}

#outer {
  padding-bottom: 25px;
}