.draggable-window {
    cursor: move;
    z-index: 10;
}

.draggable-window:active {
    cursor: move;
}

.draggable-window img {
    pointer-events: none; 
}

#window--bienvenue {
  width: 27vw;
}

#window--marie {
  width: 23vw;
}

#window--skate {
  width: 20em;
}

#window--video {
    width: 21em
}

#window--angel {
  width: 20vw;
}

#window--happiness {
  width: 13vw;
  cursor: pointer;
}

#camera--casio {
    width: 8vw;
}

#camera--canon {
    width: 8vw;
}

#camera--ccd {
    width: 10vw;
}

#camera--digico {
    width: 15vw;
}

#camera--nikon {
    width: 14vw;
}

#drag--escalier {
    width: 30vw;
}

.welcome-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    
    background: url("../images/gallery/gallery.JPEG") center/cover no-repeat; 
    z-index: 9999;
    transition: opacity 0.5s ease;
}

#enter-btn {
    cursor: pointer;
    transition: 0.5s ease, text-shadow 0.2s ease;
    user-select: none;
    letter-spacing: 15px;
    font-family: microsoft;
    font-weight: lighter;
    font-size: 3rem;
    color: #6cd58d;
    text-shadow: 0px 0px 3px #6cd58d, 0px 0px 6px #6cd58d, 0px 0px 3px white;
    filter: drop-shadow( 0 100px white) drop-shadow( 100px 0 white) drop-shadow( 0 -100px white) drop-shadow( -100px 0 white);
}

#enter-btn:hover {
    letter-spacing: 30px;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px var(--color-purple);
}