body{
  background-color:black;
}

.openbanner{
  width:100vw;
  height:65vw;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:auto;
 object-fit:cover;
}

.intro,.introcont{
  color:#f705c7;
  font-family:courier;
  font-size:2vw;
}

.sblink{
  background-image:url(https://azart6311.neocities.org/jpgs/CLARA_SCN1-_Begin.jpg);
  display:flex;
  justify-content:center;
  align-items:center;
  margin:auto;
  background-size:cover;
 object-fit:cover;
 height:60vw;
 width:50vw;
}

.sbcomment{
   color:#f705c7;
  font-family:courier;
  font-size:2vw;
}

.charactersheets1{
  display:flex;
  flex-direction:row;
  width:60vw;
  height:40vw;
    background-position:center;
  background-size:cover;
    justify-content:space-between;
    padding:2vw;
  object-fit:cover;
   margin-left:2vw;
}

.clarasheet,.creatureturn{
  padding:2vw;
}


.charactersheets2{
  display:flex;
  flex-direction:row;
  width:60vw;
  height:40vw;
    background-position:center;
  background-size:cover;
    justify-content:space-between;
    padding:2vw;
  object-fit:cover;
  margin-left:2vw;
}

.suriyasheet,.mayasheet{
  padding:2vw;
}
  
  .suriyasheet2, .mayasheet2, .creaturesheet2, .clarasheet2{
  width:90vw;
  height:50vw;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:3vw;
  margin-left:4vw;
  
  
 object-fit:cover;
  }
  
  
  
}