.header {
    background-color: rgb(186, 210, 255);
    width: 100%;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
}
.head {
    position: absolute;
    top: 16px;
    left: 37px;
    display: flex;
    gap: 190px; 
    font-size: 30px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.cool-btn {
  font-family: Arial, sans-serif;
  font-size: 25px;
  padding: 20px 40px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, #4b8bff, #1c67f3);
  color: white;
  cursor: pointer;
  transition: 0.3s ease;
  box-shadow: 0 0 12px rgba(123, 91, 255, 0.6);
}

.cool-btn:hover {
  transform: scale(1.08);
  box-shadow: 0 0 20px rgba(112, 121, 255, 0.9);
  background: linear-gradient(135deg, #5fa2ff, #294ef0);
}

.cool-btn:active {
  transform: scale(0.98);
}
.kartinka {
  width: 10px;
  height: 10px;
}
.background {
  background-color: rgb(216, 230, 255);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -10; 
}
.main {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.podobuhov {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 20px;
  color: #555555;
}
.titul1 {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.background1 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 115%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 380px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.text1 {
  position: absolute;
  top: 115%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 40px;
  color: #333333;
}
.titul2 {
  position: absolute;
  top: 185%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.background2 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 215%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 380px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.text2 {
  position: absolute;
  top: 215%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 40px;
  color: #333333;
}
.titul3 {
  position: absolute;
  top: 285%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.background3 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 315%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 380px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.text3 {
  position: absolute;
  top: 315%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 40px;
  color: #333333;
}
.titul4 {
  position: absolute;
  top: 385%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.background4 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 415%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 380px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.text4 {
  position: absolute;
  top: 415%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 40px;
  color: #333333;
}
.titul5 {
  position: absolute;
  top: 465%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.background5 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 495%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 380px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.text5 {
  position: absolute;
  top: 495%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 40px;
  color: #333333;
}

.titul6 {
  position: absolute;
  top: 540%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.background6 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 575%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 530px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.vovan{
  position: absolute;
  top: 553%;
  left: 30%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.adidas {
  position: absolute;
  top: 575.5%;
  left: 76%;
  transform: translate(-50%, -50%);
}
.text6 {
  position: absolute;
  top: 580%;
  left: 38%;
  transform: translate(-50%, -50%);
  width: 50%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 35px;
  color: #333333;
}
.background7 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 665%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 570px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.stepan{
  position: absolute;
  top: 641%;
  left: 35%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.temki {
  position: absolute;
  top: 665.5%;
  left: 75%;
  transform: translate(-50%, -50%);
}
.text7 {
  position: absolute;
  top: 668%;
  left: 38%;
  transform: translate(-50%, -50%);
  width: 50%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 35px;
  color: #333333;
}

.background8 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 755%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 570px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.yarik{
  position: absolute;
  top: 732%;
  left: 37%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.yaiki{
  position: absolute;
  top: 755%;
  left: 76%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 550px;
}

.text8{
  position: absolute;
  top: 755%;
  left: 38%;
  transform: translate(-50%, -50%);
  width: 50%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 40px;
  color: #333333;
}

.mikola{
  position: absolute;
  top: 775%;
  left: 38%;
  transform: translate(-50%, -50%);
  width: 50%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 25px;
  color: #333333;
}


.background9 {
  background-color: rgb(162, 192, 248);
  position: absolute;
  top: 845%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 570px;
  border-radius: 20px;
  z-index: -5;
  box-shadow: 0 0 12px rgb(134, 176, 240);
}
.rozpizdyai{
  position: absolute;
  top: 822%;
  left: 17%;
  transform: translate(-50%, -50%);
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 60px;
  color: #333333;
}
.penis{
  position: absolute;
  top: 845%;
  left: 76%;
  transform: translate(-50%, -50%);
  height: 530px;
}

.text9{
  position: absolute;
  top: 850%;
  left: 38%;
  transform: translate(-50%, -50%);
  width: 50%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 35px;
  color: #333333;
}

.dolboeb_zahar{
  position: absolute;
  top: 875%;
  left: 38%;
  transform: translate(-50%, -50%);
  width: 50%;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 24px;
  color: #333333;
}