* {
  background-color: rgb(255, 255, 240);
  box-sizing: border-box;
}

#author{
  position:fixed;
  margin-left: 90px;
  margin-top: 53px;
  font-size: 14px;
  letter-spacing:0.1vw;
  line-height: 1vw;
  
}


#author span{
color: green;
font-size: 3vh;
}



.headline {
  height: 80%;
  position:fixed;
  width:100%;
  padding:10%;
  padding-top:0;
  margin-top: 40px;
}

.headline div {
  font-size: 7vw;
  font-family: 'Playfair Display SC', serif;
  letter-spacing:5vw;
  line-height: 8vw;
  text-align: left;
  color: black;
  width:100%;
}

.headline .top {
  padding-left:34%;
  letter-spacing:4vw;
}

.headline .middle {
  padding-left:0%;
  letter-spacing:5vw;
}


.headline .bottom {
  padding-left:10%;
  letter-spacing:4.7vw;
}



.container {
  position:absolute;
  margin-top:28%  ;

}
#empty{
width:2150px;
flex-grow:10;
color:red
}
.horizontalScroll {
  display: flex;
}

#hand {
  margin-left: 75vw;
  font-size:11vw;
  line-height: 0vw;
  padding:8vw;
  margin-bottom:-11vw;
}

#hand span {
    z-index: 0 ;
  display:block;
  position:relative;
}
.horizontalScroll div {
  min-width: 250px;
  margin: 0 30px 0 30px;
}

.horizontalScroll div p{
  min-width: 200px;
}

#thaida {
  text-align: center;
  line-height: 1.7vw;
  letter-spacing:0.05vw;
  font-size:1.1vw;
  line-height: 1.6vw;
}

#B {
  margin-right:-1vW;
}
#B p{
  margin:0;
  padding:0;
  text-align: right;
  font-size:170px;
   min-width: 200px;
   line-height: 10vw;
  }

#Bassus {
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  width:410px;
  font-size:17px;
  
}

#Bassus p {
  padding-bottom: 0;
  margin-bottom: 0;
}

#Bassus .vsak{
  text-align: right;
  text-align-last: right;
  margin: 0;
  padding-top: 0;

}
 
#Dobry {
  text-align: center;
  font-size:18px;
  line-height: 1.4vw;
  margin-left: 120px;
  margin-right: 270px;
}

#Ten {
  margin: 0;
  text-align: left;
  font-size:42px;
  min-width: 500px;
  line-height: 3.4vw;
}
  #Ten span {
    font-size:28px;
  
}
#Ten p {
padding-top: 0;
margin-top: 1.5vh;

} 
#Visim {
  text-align: center;
  font-size:17px; 
  line-height: 1.5vw;
  letter-spacing:0.1vw;
  margin-left: 70px;
  margin-right: 70px;
  width: 250px;
} 

#To {
  text-align: right; 
  font-size: 40px;
  padding-top: 0;
  margin-top: 1vh; 
} 

#recitujes {
  min-width: 320px;
}

#recitujes .blekotani{
  font-size: 15px;
  text-align: center;
  text-align: justify;
  -moz-text-align-last: justify;
  text-align-last: justify;
  line-height: 1.35vw;
}

#recitujes .co{
  font-size: 40px;
  text-align: center;
  padding-top: 0;
  margin-top: 1vh; 
  padding-bottom: 0;
  margin-bottom: 0;

} 
  


#dost {
  font-size:50px;
  min-width: 600px;
  padding-top: 0;
  margin-top: -5vh; 

} 
  
#hr {
  text-align: center;
  font-size:13px;
  margin-top: 10px; 
  margin-left: 100px;

  
}
  #hr span {
    font-size:60px;
  
} 
  
#circle {
  background: black;
  color:white;
  border-radius: 50%;
  display: flex; /* or inline-flex */
  justify-content: left;
  padding-top: 30px;
  width: 250px;
  height: 250px;
  letter-spacing:0.1vw;
  margin-left: 200px;
  margin-right: 200px;
}

#kdyz {
  letter-spacing:0.1vw;
  margin-right: -12vw;
  padding-right: 0vw;
  padding-top: 0;
  margin-top: -10vh; 
  color: red;
}

#LABUT {
  letter-spacing:0.3vw;
  margin-left: 0vw;
  padding-left: -10vw;
  padding-top: 0;
  margin-top: -10vh; 
}

#proc {
  width:1000px;
  font-size:30px; 
  line-height: 3.7vw;
  margin-top: -3vh; 
  margin-left: 150px; 
}