* {
    margin: 0;
    padding: 0;
}

body, section, .page {
    width: 2160px;
    height: 3840px;
    overflow: hidden;
}

/**** MCID ****/

/**** START ****/

#start {
    background: url(../images/start.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#handshake {
    position: absolute;
    top: 888px;
    left: 258px;
}

#mat-code {
    position: absolute;
    top: 3655px;
    font-family: Calibri;
    font-size: 22pt;
    color: white;
}

#start-btn {
    background: url(../images/btn-start.png);
    position: absolute;
    top: 3287px;
    left: 575px;
    width: 1033px;
    height: 281px;
    cursor: pointer;
}

/**** MCID HOME ****/

.pulse {
    position: absolute;
    width: 61px;
    height: 61px;
    border-radius: 30px;
    animation: pulse-animation 2s infinite;
}

#mcid-home {
    background: url(../images/slide2.png);
}

#info-1-btn {
    top: 692px;
    left: 1015px;
    width: 130px;
    height: 134px;
    background: url(../images/btn-info.png);
    cursor: pointer;
}

#mat-code {
    display: flex;
    justify-content: center;
    width: 100%;
}

/**** POPUP ****/

.close-popup-btn {
    position: absolute;
    top: 135px;
    right: 116px;
    width: 155px;
    height: 155px;
    cursor: pointer;
}

#popup-1 {
    background: url(../images/slide3.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}

@keyframes pulse-animation {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}