@font-face {    font-family: 'xiaolai';
src: url('/fonts/xiaolai.woff2') format('woff2'),
url('/fonts/xiaolai.woff') format('woff'),
url('/fonts/xiaolai.ttf') format('truetype');
font-weight: bolder;    
font-display: swap;    
font-style: normal; 
}

body {
  background-image: url('dani/photo.jpg');
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: center top;
  background-size: auto;
  background-color: #fff;
  font-family: 'xiaolai';
  font-weight: lighter;
}

.link-image {
  border: 1px solid black;
  margin: 200px auto;
  border-radius: 12px;
  width: 200px;
  height: 200px;
  will-change: transform;
  transition: transform 0.3s ease;
  transform: scale(1);
}

.link-image:hover {
  transform: scale(1.2); 
    transition: transform 0.4s ease;
}

.side-image {
  height: 600px;
  width: 450px;
  border: 1px solid black;
  border-radius: 12px;
  display: block;
  margin: 290px auto;
}