html,body {
    height: 100%;
    margin: 0;
    cursor: none; /* Скрываем стандартный курсор */
    /* cursor: url('../Cursor/cur1.cur') 4 1 ,pointer; */
    /* cursor: url('https://snipp.ru/demo/712/pointer-1.cur') 4 1, pointer; */
}
a {
  cursor: none;
}




/* Large desktops and laptops */
@media (min-width: 480px) {
  #window_desktop {
    min-height: 100%;
    background-image: url('../image/ayaprozie.webp');
    background-size: cover;
    color:red;

}
#custom-cursor {
  position: fixed; /* не трогать блять */
  width: 120px; /* Ширина элемента */
  height: 120px; /* Высота элемента */
  background-image: url('../Cursor/cur1.cur'); /* Укажите путь к вашему изображению по умолчанию */
  background-size: cover;
  pointer-events: none; /* Чтобы элемент не перехватывал события мыши */
  transition: background-image 0.2s ease; /* Плавное изменение картинки */
  transform: translate(-50%, -50%);
}
#prozi {
width: 40vw;
height: 30vh;
min-height: 5vh;
margin-top: 40vh;
margin-left: 50px;
position: absolute;
background-image: url('../image/prozi.webp');
background-size: contain;
background-repeat: no-repeat;
}
#letter_a {
width: 15vw;
height: 15vh;
min-height: 5vh;
margin-top: 25vh;
margin-left: 5vh;
position: absolute;
background-image: url('../image/1-1.webp');
background-size: contain;
background-repeat: no-repeat;
}
#letter_y {
width: 15vw;
height: 15vh;
min-height: 5vh;
margin-top: 22vh;
margin-left: 20vh;
position: absolute;
background-image: url('../image/2-1.webp');
background-size: contain;
background-repeat: no-repeat;
}
#letter_a2 {
width: 15vw;
height: 15vh;
min-height: 5vh;
margin-top: 25vh;
margin-left: 35vh;
position: absolute;
background-image: url('../image/3-1.webp');
background-size: contain;
background-repeat: no-repeat;
}
#but {
width: 20vw;
height: 13vh;
min-height: 5vh;
margin-top: 9vh;
margin-left: 72vw;
position: absolute;
background-image: url('../image/arts.webp');
background-size: contain;
background-repeat: no-repeat;

}
  
}
/* Landscape phones and smaller */
@media (max-width: 480px) {
  #window_desktop {
    min-height: 100%;
    background-image: url('../image/Ayaproziemobile.webp');
    background-size: cover;
    color:red;
}
#prozi {
  width: 80vw;
  height: 20vh;
  min-height: 5vh;
  margin-left: 10vw;
  margin-top: 43vh;
  position: absolute;
  background-image: url('../image/prozi.webp');
  background-size: contain;
  background-repeat: no-repeat;
  }
  #letter_a {
    width: 15vw;
    height: 10vh;
    min-height: 5vh;
    margin-top: 36vh;
    margin-left: 14vh;
    position: absolute;
    background-image: url('../image/a.webp');
    background-size: contain;
    background-repeat: no-repeat;
    }
    #letter_y {
    width: 15vw;
    height: 10vh;
    min-height: 5vh;
    margin-top: 34vh;
    margin-left: 22vh;
    position: absolute;
    background-image: url('../image/y.webp');
    background-size: contain;
    background-repeat: no-repeat;
    }
    #letter_a2 {
    width: 15vw;
    height: 10vh;
    min-height: 5vh;
    margin-top: 32vh;
    margin-left: 30vh;
    position: absolute;
    background-image: url('../image/a2.webp');
    background-size: contain;
    background-repeat: no-repeat;
    }
    #but {
    width: 30vw;
    height: 13vh;
    min-height: 5vh;
    margin-top: 4vh;
    margin-left: 60vw;
    position: absolute;
    background-image: url('../image/arts.webp');
    background-size: contain;
    background-repeat: no-repeat;
    }
}

/* Анимации движения */
.anim1 {
    animation: MoveUpDown 4s linear infinite;
    position: absolute;
    
  }
  
  @keyframes MoveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-20px);
    }
  }
  .anim2 {
    animation: MoveUpDown 5s linear infinite;
    position: absolute;
    
  }
  
  @keyframes MoveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-25px);
    }
  }
  .anim3 {
    animation: MoveUpDown 4.5s linear infinite;
    position: absolute;
    
  }
  
  @keyframes MoveUpDown {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-23px);
    }
  }
  .appearance {
    transform: translateX(-150%);
    animation: ani 1s forwards;
  }
  
  @keyframes ani {
    0% {transform: translateX(-150%);}
    100% {transform: translateY(0);}
  }