a {
    font-size: 30px;
    font-family: cursive;
    margin: 50px;
}
a:hover {
    color: orchid;
}

.outside-link {
    position: fixed;
    bottom: 20px;
    right: 50px;
    color: green;
    font-family: 'Courier New', Courier, monospace;
}

body{
    background-color: pink;
}

.pink-door{
    display: block;
    position: absolute;
    top: 50%;
    bottom: 50%;
    left: 50%;
    right: 50%;
    width: 100px;
    height: 100px;
}

.pink-pony {
    animation: rotation 0.1s infinite linear;
    width: 100px;
    height: 100px;
  }

  .pink-pony2 {
    width: 100px;
    height: 100px;
  }

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