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: 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;
}

#cosmo
{
  display: flex;
  box-shadow: 5px 5px 20px black;
  flex-direction: row;
  justify-content: flex-start;
  width: 1000px;
  height: 450px;
  background-color: rgb(96, 213, 112);
  border-style: solid;
  border-width: 3px ;
  border-radius: 15px;
  padding: 5px;
}

#basictext {
  display: flex;
  flex-direction: column;
  font-family: "robotomedium";
  font-size: 30px;
  justify-content: space-around;

}