p {
    text-align: center;
    color: black;
}
a,
a:visited {
  color: #D8A48F;
}
a,
a:hover,
a:focus {
  cursor: url('http://www.rw-designer.com/cursor-extern.php?id=67003'), auto !important;
  color: lightgrey;
  text-decoration: none;
}
@keyframes shake {
  0% { transform: translateX(20px); }
  20% { transform: translateY(-30px); }
  40% { transform: translateX(20px); }
  60% { transform: translateY(-20px); }
  80% { transform: translateX(30px); }
  100% { transform: translateY(0); }
}

.shake {
  animation: shake 0.1s linear infinite;
}

.shake:hover {
  animation-play-state: paused; 
}
.rot1{
  animation: spin 0.1s  linear 1; /* Applies the 'spin' animation */
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-359deg); 
  }
}
 .rotate-3d {
      display: inline-block;
      animation: spinY 4s infinite linear ;
      transform-style: preserve-3d;
    }

    @keyframes spinY {
      from {
        transform: rotateY(0deg);
      }
      to {
        transform: rotateY(720deg); 
      }
    }
    
.sweet {
  transition: transform 0.5s ease, opacity 0.5s ease;
}
.sweet:hover {
  transform: scale(1.1);
}
body {
   font-size: 14px;
   font-family: Verdana;
   text-align: center;
    margin: 0;
    display: flex;
}



.leftbox {
  position: absolute; top: 0; left: 0; z-index: 1;        
  width: 200px; height: 100vh; 
  display: flex;
  flex-direction: column;
  background-color: white;
  font-family: "times new roman";
}

.main {
  flex: 1;
  height: 100vh; 
    background-image: url("https://i.pinimg.com/1200x/09/56/cf/0956cf54bb61fc2a0e65373e7579bec5.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}