body {
    margin: 0;
    font-family: Verdana, sans-serif;
    background-color: #EFEFEF;
    overflow: hidden;
}

body > div {
    height: 80vh;
}

span
 {
    word-spacing: 0px;
}

body > div > div {
    margin-left:auto;
    margin-right:auto;
    /*position: absolute;*/
    height: 216px;
    width: 384px;
    font-size: 200%;
    display:flex;justify-content:center;align-items:center;
    flex-direction: column;
    text-align: center;
}

body > div > div.slider {
    background-color: #FDFDFD;
    transition: .4s ease-in-out;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.4);
    z-index: 1;


}

body > div > div > span.small {
    font-size: 12px;
    color: #CCC;
}

body > div > div.background {
    background-color: white;
    color: grey;
    transform: translateY(100%);
    z-index: -1;
    position: relative;
    box-shadow: inset 0px 0px 10px 0px rgba(0,0,0,0.7);
}

body > div > div.foreground {
    transform: translateY(-100%);
    z-index: 2;
}

p {
    position: fixed;
    bottom: 100px;
    margin-bottom: 0;
    text-align: center;
    width: 100vw;
}

a {
    text-decoration: none;
}