body {
  display: flex;
  flex-direction: column;
  align-items: center;

}

body
{
  background-image: url(assets/texture_site.png);
  animation: checker-bg 5s infinite linear;
}

 @keyframes checker-bg { from {background-position: 0px 0px;} to {background-position: -128px 128px;} }

nav {
  display: block;
  display: flex ;
  width : 1000px ;
  height : 60px ;
  background-color: rgb(96, 213, 112);
  justify-content: space-around ;
  align-items: center;
  border-style: solid;
  box-shadow: 5px 5px 20px black;
  margin-bottom: 40px;
  border-radius: 15px;
}

a {
font-family:"mabookregular" ;
font-size: 40px ;
color: rgb(96, 213, 112);
text-decoration: none;
}

a:hover { color: rgb(0, 6, 255) }

#back{
  position: fixed;
height: 90px;
width: 90px;
  top: 5px;
  left: 90px;
}


#serj
{
  display: flex ;
  
}

#daron
{
  display: flex ;
  
}

#shavo
{
  display: flex ;
  
}

#john
{
  display: flex ;
  
}


.outline {

  color: black;
  text-shadow:
               3px 3px 3px black,
                3px 3px 3px black,
               3px 3px 3px black,
                3px 3px 3px black;
}

#underbody
{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 1000px ;
  height: 550;
}

#boxcomics
{
  display: flex;
  box-shadow: 5px 5px 20px black;
  width: 1000px;
  height: 550px;;
  background-color: rgb(96, 213, 112);
  border-style: solid;
  border-width: 3px ;
  border-radius: 15px;
  padding: 5px;

}

#scrolli
{
  width: 1000px;
  height: 550px;
  overflow-Y: scroll;
  scrollbar-color: color: rgb(0, 6, 255) ;
  scrollbar-width: 3px ;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  flex-direction: flex-end;
}

#sammy
{
  display: flex;
  width: 200px;
  height: 280px;
  border-style: solid;
  border-radius: 15px;
  border-width: 3px;
  background-image: url(assets/goober.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-color: black;
  margin-bottom: 10px;
  margin-right: 5px;
}

#sammy2
{
  display: flex;
   width: 200px;
  height: 280px;
  border-style: solid;
  border-radius: 15px;
  border-width: 3px;
  background-image: url(assets/goober.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-color: black;
  margin-bottom: 10px;
  margin-right: 5px;

}

#sammy3
{
  display: flex;
  width: 200px;
  height: 280px;
  border-style: solid;
  border-radius: 15px;
  border-width: 3px;
  background-image: url(assets/goober.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-color: black;
  margin-bottom: 10px;
  margin-right: 5px;
}

#sammy4
{
  display: flex;
  width: 200px;
  height: 280px;
  border-style: solid;
  border-radius: 15px;
  border-width: 3px;
  background-image: url(assets/goober.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-color: black;
  margin-bottom: 5px;
  margin-right: 5px;
}

#sammy5
{
  display: flex;
  width: 200px;
  height: 280px;
  border-style: solid;
  border-radius: 15px;
  border-width: 3px;
  background-image: url(assets/goober.png);
  background-repeat: no-repeat;
  background-size: contain;
  border-color: black;
  margin-bottom: 10px;
  margin-right: 5px;
}