body {
    height: 100vh;
    width: 100vw;
    background:linear-gradient(120deg,#000000,#2b2616,#130f08);
    margin: 0rem;
    overflow: hidden;
  }

  #pic {
    position: absolute;
    top: 8%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Julius Sans One,'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 2rem;
    color: #e9c62b;
    padding: 0.5em ;
    border: 1px solid #dbc233;
    border-radius: 0.75vw;
    transition: 0.3s ease;
  }
  
  #pic:hover {
    background :linear-gradient(90deg,#bea533,#ddbd30,#bea533);
    color: #fffffe;
    cursor: pointer;
    box-shadow: 0 0 5px #ddbd30,0 0 25px #ddbd30 , 0 0 50px #ddbd30,0 0 200px #ddbd30 ;
  }
  
  #image-track {
    display: flex;
    gap: 4vmin;
    position: absolute;
    left: 40%;
    top: 50%;
    transform: translate(0%, -50%); 
    user-select: none;
  }
  
  #image-track > .image {
    width: 40vmin;
    height: 56vmin;
    object-fit: cover;
    object-position: 100% center;
  }