.main {
    max-width: 100%;
    margin: 30-px auto 0 auto;
    padding: 25px;
    text-align: center;
    font-size: 20px;   
    height: 800px;        
}

.tbs {
  width: 300px;
}

.img_padding{
  padding-left: 0px;
  padding-right: 0px;
}

.bg_img {
  height: 100vh;
  background-color: #f1f1f1;
  background-image: url("./petersburg_sunset.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-size: cover;
  background-position: center;
}

.content{
  width: 800px;
  height: 100%;
  
}
.c1{
  margin-top: 30px;
  font-size: 38px;
  color: rgb(0, 255, 191);
  height: 25%;
  background-color: rgba(0, 0, 0, 0.493);
}

.c2{
  margin-top: 80px;

  height: 55%;
  
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 100%;
}

.c3{
  margin-top: 30px;
  background-color: rgba(0, 0, 0, 0.493);
  height: 25%;
  font-size: 32px;
  color: aqua;
}

.mc{
  height: 600px;
  padding-top:35%;
}
.timer_cell_bg{
  background-color: rgba(0, 0, 0, 0.494);
  opacity: 100%;
  height: 100%;
  width: 20%;
  display: inline-block;
  padding-left: 20px;
  margin-left: 25px;
  font-size: 100px;
  color:  rgb(68, 255, 0);

}