body {
    color: whitesmoke;
    background-color: #16161d;
}

#top {
    height: 100vh;
}

h1, h2, h3 {
    font-family: "Outfit", sans-serif;
    font-weight: normal;
}

h1 {
    margin: auto;
    font-size: 3.0em;
}

#mid-1 {
    height: 100vh;

    text-align: center;
}

.hero-caption {
    font-size: 1.8em;
    margin: 4em 8vw;
}

div#top-buttons {
    display: flex;
    flex-direction: row;
}

div#prac-btn-div, div#user-btn-div {
    flex: 1;
    text-align: center;

    font-size: 1.6em;
}

input#roomcode-input {
    font-size: 1.25em;
}

button#prac-create, button#usr-enter {
    font-size: 1.0em;
    font-family: "Outfit", sans-serif;
}

#mid-1 .caption {
    
}

/* The A-Frame VR scene embedded onto the page */
a-scene#vr-scene-demo {
    height: 40vw;
    width: 60vw;
    margin: auto;
}