*.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
    -ms-user-select: none;
    user-select: none;
}

a {
    text-decoration: none;
}

* {
    margin: 0;
    padding: 0;
}


body {
    background-image: url("bg.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.links-box {
    position: absolute;
    z-index: 4;
    width: 100%;
    left: 58%;
    top: 4%;
    padding-top: 1%;
}

.links-email {
    position: relative;
    padding-left: 38%;
    padding-top: 0%;
    font-size: 1.0vw;
}

.email-gfx {
    position: relative;
    padding-left: 25%;
    padding-top: 0%;
}


.links-coffe {
    position: absolute;
    z-index: 3;
    width: 70%;
    left: 0%;
    top: 0;
    padding-left: 32%;
    padding-top: 44%;
}

.panel-box {
    position: relative;
    z-index: 2;
    width: 80%;
    left: 0%;
    top: 0;
    padding-top: 1%;
    padding-left: 14%;
    padding-right: 8%;
}

.panel-page {

    z-index: 2;
    width: 76%;
    left: 0%;
    top: 0;
    padding-left: 14%;
    padding-right: 14%;

}


.panel-email {

    z-index: 2;
    width: 76%;
    left: 0%;
    top: 0;
    padding-left: 32%;
    padding-right: 14%;

}


.panel-page-links {

    z-index: 2;
    width: 90%;
    left: 0%;
    top: 0;
    padding-left: 21%;
    padding-right: 0%;

}

.panel-box-counter {

    z-index: 2;
    width: 90%;
    left: 0%;
    top: 0;
    padding-left: 10%;
    padding-right: 10%;

}

.visitor-info {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    padding-top: 1%;
}