* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    width: 1920px;
    height: 1080px;
}

.window {
    width: 1920px;
    max-height: 1080px;
    overflow: hidden;
}

.slide {
    width: 1920px;
    height: 1080px;
    position: absolute;
    top: 0;
    left: 0;
}

/* SLIDE 1 */

#slide-1 {
    background-image: url(../images/slides/slide-1.png);
}

#slide-1 .start-btn {
    width: 197px;
    height: 81px;
    position: absolute;
    left: 1632px;
    top: 742px;
}

/* SLIDE 2 */

#slide-2 {
    background-image: url(../images/slides/slide-2.png);
}

#slide-2 .continue-btn {
    width: 303px;
    height: 81px;
    position: absolute;
    left: 1527px;
    top: 849px;
}

/* SLIDE 3 */

#slide-3 {
    background-image: url(../images/slides/slide-3.png);
}

#slide-3 .inflammation-btn {
    width: 189px;
    height: 189px;
    position: absolute;
    top: 325px;
    left: 268px;
}

#slide-3 .neuro-btn {
    width: 189px;
    height: 189px;
    position: absolute;
    top: 325px;
    left: 865px;
}

#slide-3 .scratch-btn {
    width: 189px;
    height: 189px;
    position: absolute;
    top: 325px;
    left: 1463px;
}

#slide-3 .explore-txt {
    width: 719px;
    height: 41px;
    position: absolute;
    left: 80px;
    top: 875px;
}

#slide-3 .complete-info {
    width: 349px;
    height: 99px;
    position: absolute;
    left: 1493px;
    top: 840px;
}

#slide-3 .complete-btn {
    width: 516px;
    height: 42px;
    position: absolute;
    left: 80px;
    top: 875px;
}

#slide-3 .summary-btn {
    width: 380px;
    height: 99px;
    position: absolute;
    left: 1460px;
    top: 840px;
}

#slide-3 .video-popup {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #0008;
    display: flex;
    justify-content: center;
    align-items: center;
}

#slide-3 .video-player {
    width: 1440px;
    height: 810px;
    position: relative;
    box-shadow: 10px 10px 13px #0004;
    border-radius: 10px;
}

#slide-3 .video-player video {
    border-radius: 10px;
    overflow: hidden;
}

#slide-3 .close-video {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -20px;
    right: -20px;
    background-color: white;
    border-radius: 100%;
    background-image: url(../images/close.png);
    background-size: 52.5%;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: -5px 5px 10px #0004;
}

/* SUMMARY */

#summary {
    background-image: url(../images/slides/summary.png);
}

#summary .back-to-home-btn {
    width: 99px;
    height: 99px;
    position: absolute;
    left: 1741px;
    top: 840px;
}

/* ANIMATIONS */

@keyframes button-pulse {
    0% {transform: scale(1);}
    50% {transform: scale(1.1);}
    100% {transform: scale(1);}

}

.btn-shadow {
    border-radius: 40px;
    box-shadow: #0006 5px 5px 13px;
}

.btn-pulse {
    animation: button-pulse 2s infinite;
}

.img-click:hover {
    cursor: pointer;
}