a {
    cursor: pointer;
}

.WelcomeGif {

    width: 912px;
    display: block;
    margin: auto;
    margin-top: 30px;
    image-rendering: pixelated;
}

.IntroText {

    width: 90%;
    height: auto;
    left: 0;
    right: 0;
    padding: 30px;
    position: absolute;

    margin: auto;
    display: block;
}

p {

    text-align: center;
    color: aqua;
    font-size: 26px;    

}

h1 {

    font-size: 30px;    
    margin-top: 20px;
    text-align: center;
    text-decoration: underline;
    
    mark.red {
        color:#fccb64;
        background: none;
    }
    
    mark.blue {
        color:#ff00fb;
        background: none;
    }

}

.GoogleNormal {

    width: 210px;
    height: 200px;
    left: 855px;
    padding: 30px;
    position: absolute;
    image-rendering: pixelated;
    
    left: 0;
    right: 0;
    top: 400px;

    margin: auto;


}

.top-image {

    width: 210px;
    height: 200px;
    left: 855px;
    padding: 30px;
    position: absolute;
    opacity: 0;
    image-rendering: pixelated;
    z-index: 90;

    left: 0;
    right: 0;
    top: 400px;

    margin: auto;

    pointer-events: none;

}


.Enter {

    position: absolute;
    width: 281px;
    height: 99px;

    image-rendering: pixelated;
    z-index: 110;
    padding: 6px;

    left: 0;
    right: 10px;
    top: 620px;

    margin: auto;
}

.Google:hover .Enter, .Google:hover .top-image {

    opacity: 1;

}

.Enter:hover {

    -webkit-filter: drop-shadow(0px 0px 15px  #caecff9b) brightness(110%);
    filter: drop-shadow(0px 0px 15px  #caecff9b) brightness(110%);;

    -webkit-transform: scale(1.04);
    transform: scale(1.04);
}


h2 {

    padding-top: 20px;
    margin-top: 160px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    border-bottom: 1px solid white;
    padding-bottom: 10px;
}

.Leave {

    display: block;
    position: absolute;
    width: 151px;
    height: 79px;
    image-rendering: pixelated;
    z-index: 110;
    padding: 8px;

    left: 0;
    right: 6px;
    top: 736px;

    margin: auto;
    padding-bottom: 20px;
}

.Leave:hover {

    -webkit-filter:brightness(70%);
    filter:brightness(70%);;

    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

h3 {

    text-align: center;
    color: rgb(167, 167, 167);
    font-size: 17px;

    position: fixed;
    top: auto;
    bottom: 10px;
    width: 100%;

    
    z-index: 200;
    pointer-events: none;
}


@media only screen and (max-width: 992px) {

    p {

        text-align: center;
        color: aqua;
        font-size: 22px;    

    }

    h1 {

       font-size: 25px;   

    }

    .WelcomeGif {

        width: 90%;
    }
}

@media only screen and (max-width: 728px) {

    p {

        text-align: center;
        color: aqua;
        font-size: 18px;    

    }

    h1 {

       font-size: 21px;   

    }

    .GoogleNormal {

        width: 185px;
        height: 181px;
        top: 370px;

    }

    .Enter {

        top: 570px;
        width: 247px;
        height: 85px;

    }

    .Leave {

        width: 121px;
        height: 69px;

        top: 656px;

        margin: auto;
    }

    .top-image {

        width: 185px;
        height: 181px;
        top: 370px;

    }

    .IntroText{

        min-width: 100%;

    }
}

@media only screen and (max-width: 601px) {

    p {

        text-align: center;
        color: aqua;
        font-size: 18px;    

    }

    h1 {

       font-size: 18px;   

    }

    .GoogleNormal {

        width: 185px;
        height: 181px;
        top: 330px;

    }

    .top-image {

        width: 185px;
        height: 181px;
        top: 330px;

    }

    .Enter {

        top: 500px;
        width: 247px;
        height: 85px;

    }

    .Leave {

        width: 121px;
        height: 69px;

        top: 588px;

        margin: auto;
    }

    .IntroText{

        min-width: 100%;

    }
}

/* 601px, 728, 992, 1200px */