body {
   background-color: #ede6c4;
    color: blue;
    font-family: Arial;
    font-size: 13px;
    text-align: left;
    margin-top: 50px;
    margin-left: 50px;
    margin-right: 50px;
}



/* unvisited link */
a:link {
  color: hotpink;
}

/* visited link */
a:visited {
  color: hotpink;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: hotpink;
} 
  

.rotate {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 690px) {
  .example {
    font-size: 9px;
  
    white-space: nowrap;
    

    position: relative;
  }
}