/* TEST_VARIABLE_CSS_20261002_0200 */


#app {
width: 100%;
height: 100%;
background-color: #000000;
background-position: center;
background-size: cover;
-webkit-transition: background-image 1s;
transition: background-image 1s;
}


  #app.bg1 {
  background-image: url('/wp-content/uploads/2022/06/IMG_0710-1024x683.jpg');
  }


  #app.bg2 {
  background-image: url('/wp-content/uploads/2022/06/IMG_0740-1024x683.jpg');
  }


  #app.bg3 {
  background-image: url('/wp-content/uploads/2022/06/IMG_0692-1024x683.jpg');
  }




#app .list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
margin: 0;
}

#app .list-item {
margin: 0;
cursor: pointer;
width: 100%;
height: 100%;
}

#app .list-item a {
display: block;
padding: 0;
color: #fff;
width: 100%;
height: 100%;
}

#app .list-item a:hover {
color: #fff;
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}