body{
  font-family: helvetica;
  font-size: 22px;
  border: 10px solid black;
  background-color: black;
  animation: background 7s infinite;
}

@keyframes background {
  from{ background-color: black;}
  to {background-color: white;}
}


a{
  text-decoration: none;
  color: black;
}
a:hover{
  color: orange;
  font-size: 60px;
}

.circle{
  position: fixed;
  background-color: white;
  color: white;
  top: 20px;
}

.text{
  width: 50vw;
  margin: 0 auto;
  display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        text-align: center;
}

.words:nth-of-type(3n){
  font-style: italic; 
  font-size: 32px;
  border-bottom: green solid 15px;
}
.words:nth-of-type(6n){
 
  border-bottom: black solid 15px;
}

.words:nth-of-type(4n){
letter-spacing: .1em;
  font-size: 12px;
}





.words:nth-of-type(7n){
font-weight:bold;
  font-size: 42px;
border-right: blue 150px solid;


}


.words:nth-of-type(8n){
border-left: orange 100px solid;

}

.words:nth-of-type(9n){
border-left: red 100px solid;

}

.words:first-of-type{
font-size: 48px;
}

.dnd4 {
  position: fixed;
  bottom: 0;
  right: 50px;
}

.dnd4:hover {
  background-color: red;
}