body {background-color: #A9F5A9;
margin-left: 50px;}

.myCanvas {
    border: dotted 2px black;
}

.eins{ width: 150px;
  height: 20px;
  background: #FFB6C1;
  transition: background-color 2s ease-out 100ms;
  transform:translatex(40px);
}
.eins:hover {
  background-color: #FF1493;
}

a:hover   { background-color: blue; color: black;
        
          } 

.ring3 {
            position: absolute;
            top: 60%;
            left: 50%;
           transform: translate(-40%, -50%);
            animation: effect 1s linear infinite;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            border: 6px solid rgba(0, 255, 0, 0.3);
            border-top-color: #fff;
        }        
        
@keyframesXXX effect {
            0% {
                transform: rotate(0deg);
            }
  
            100% {
                transform: rotate(360deg);
            }
  
        }