/*web font*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400&display=swap');


/*global reset to eliminate differences in default spacing between different browsers*/

* {
    margin: 0;
    padding: 0;
}


/*fix up for older browsers to correclty show the new semantic tags*/

header,
main,
nav,
canvas,
section,
article,
aside,
footer,
figure,
figcaption {
    display: block;
}


/*basic text sizes & font*/

body {
    background-color: #000;
    position: relative;
}

/*basic text styling*/

span {
    /*    color: #d7f267;*/
}

#show {

    font-size: 6rem;
    letter-spacing: -1px;
    line-height: 1.3;
    font-weight: 300;
    text-align: center;
    padding: 1rem 0;
}


/*basic layout*/

#box {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20vh 0;
    height: 90vh;
    /*    border: 1px solid #333;*/
    position: relative;
}

/*start text*/

#textStart {
    width: 90%;
    margin: 3rem auto;
}

#textStop {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
}



#textStop button {
    /*
    padding: 1rem;
    font-size: 2rem;
    background-color: #b3b999;
    border: 1px solid #73775f;
*/
}

/*classes to show and hide elements*/

.hide {
    display: none;
}

.show {
    display: block;
}