body {
  display: flex;
  flex-direction: column;
  align-items: center;
  animation-name: scroll;
  cursor: url(assets/cursor.png);

}

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

#basictext {
    font-family: "lonely_coffeeregular" ;
    display: flex ;
    justify-content: center;
    font-size: 70px;
    color: rgb(96, 213, 112);
}

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

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

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

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


#serj
{
  display: flex ;
  
}

#daron
{
  display: flex ;
  
}

#shavo
{
  display: flex ;
  
}

#john
{
  display: flex ;
  
}

#underbody
{
  display: flex;
  flex-direction: row;
  width: 1000px ;
  height: 550;
}

.outline {

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

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

#coolscroll

{
  width: 500px;
  height: 550px;
  overflow-x: scroll;
  scrollbar-color: color: rgb(0, 6, 255) ;
  scrollbar-width: 3px ;
  justify-content: space-around;
}

#reel
{
  display: flex;
  box-shadow: 5px 5px 20px black;
  width: 500px;
  height: 550px;
  background-color: rgb(96, 213, 112);
  border-style: solid;
  border-width: 3px ;
  border-radius: 15px;
  justify-content: space-around;
  flex-direction: column;
  margin-left: 50px;
  
}

form
{
  justify-items: center;
  display: grid;

}

#username
{
  display: flex;
  width: 250px;
  margin-top: 5px;
  margin-bottom: 10px;
  font-family: inherit;
  overflow-Y: scroll;
  flex-flow: row wrap;
  border-width: 3px;
  border-color: black;
  border-style: solid;
  border-radius: 15px;
}


#message
{
  display: flex;
  width: 250px;
  height: 200px;
  margin-top: 5px;
  margin-bottom: 10px;
  border-width: 3px;
  font-family: inherit;
  border-color: black;
  border-style: solid;
  border-radius: 15px;
  text-overflow: clip;
  overflow: auto;
}

::placeholder
{
  display: flex;
  width: 180px;
}

button
{
  width: 250px;
  height: 60px;
  background-color: rgb(96, 213, 112) ;
  border-color: black;
  border-width: 3px;
  border-style: solid;
  border-radius: 15px;
  box-shadow: 5px 5px 20px black;
  

}

#Tbutton
{
  font-family: "lonely_coffeeregular";

  


}

#seeusername
{
  display: flex;
  flex-direction: column;
   border-radius: 15px;
  background-color: white;
  border-color: black;
  border-width: 3px;
  border-style: solid;
}

#seecomment
{
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  background-color: white;
  border-color: black;
  border-width: 3px;
  border-style: solid;
}