h1 { color: #ffffff; font-size: 85px; text-align: center; }
h2 { color: #ffffff; font-size: 55px; text-align: center; position: relative; top: 10px; }
h3 { color: #ffffff; font-size: 55px; text-align: center; }
h4 { color: #ffffff; font-size: 55px; text-align: center; }
h5 { color: #ffffff; font-size: 55px; text-align: center; }
h6 { color: #ffffff; font-size: 55px; text-align: center; }





.one {
  
  margin:0 auto;
  top: 5px;
  width: 85%;
  max-width: 800px;
  border: 0px solid blue;
}


.two {
  
  position: relative;
  top: 10px;
  font-size: 85px;
  border: 0px solid rgb(21, 179, 0);
}


.three {
  
  position: relative; top: 1px;
  border: 0px solid rgb(21, 179, 0);
}



.four {
  
  position: relative; top: 80px;
  border: 0px solid rgb(21, 179, 0);
}


.five {
  margin:0 auto;
  position: relative; top: 10px;
  width: 300px;
  border: 0px solid rgb(179, 0, 98);
}




p {
  color: rgb(255, 255, 255);
  font-size: 26px;
  text-align: center;
}

p.special {
  color: orange;
  font-weight: bold;
  font-size: 45px;
  position: relative; top: 10px
}

li {
  list-style-type: square;
  color: rgb(255, 255, 255);
  font-size: 20px;
 
  
}

.drive {
position:relative;
top:21px;
left:370px;
width:20%;
height:103px;
background:transparent url(diz.png) repeat;
z-index:-9;
}



.special {
  color: orange;
  font-weight: bold;
}

span {
  #color: rebeccapurple;
  font-size: 70px;
}

li em {
  color: rebeccapurple;
}


.box {
  background-color: #567895;
}



.button-link {
display: inline-block;
padding: 25px 70px;
background: linear-gradient(to right, #f3ba3f, #f3c702);
color: rgb(0, 0, 0);
text-decoration: none;
border-radius: 50px; /* Скругленные углы */
font-family: 'Segoe UI', sans-serif;
font-size: 60px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border: none;
cursor: pointer;

  }


  .button-link:hover {
    transform: translateY(-2px);
box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);

    }
    






.parent {
  height: 100px;
  position: relative;
  border: 2px solid rgb(182, 0, 0);
}

.child {
  position: absolute;
        left: 50%;
        margin-left: -200px;
  #border: 6px solid rgb(255, 255, 255);
  font-size: 26px;
  color: rgb(255, 255, 255);
}





.blink-1 {
  animation-name: blink;
  animation-timing-function: linear;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}


#topLayer{
position:relative;
top:-384px;
left:-28px;
width:20%;
height:103px;
background:transparent url(diz.png) repeat;
z-index:9999;
}