body {
    background-color: rgb(10,10,10);
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: "Space Mono", monospace;
    color: white;
    font-size: 1.6rem;
    scrollbar-color: lightgray #ffff;
}


::-webkit-scrollbar{
    width: 8px;
    padding: 2px;
}

::-webkit-scrollbar-track {
    background: rgba(0,0,0,0);
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

h1{
    font-size: 5rem;
    padding-left: 15vw;
    cursor: default;
}



h2{
    padding-left: 15vw;
    /*cursor: default;*/
}

p {
    width: 65vw;
    /*position: ;*/
    justify-content: center;
    /*mso-line-spacing: 2rem;*/
    margin-left: auto;
    margin-right: auto;
}

.letter-scramble{
    font-weight: bold;
    text-decoration: underline;
    color: white;
    display: inline-block;
}

a {
    text-decoration: none;
}

iframe {
    border: none;
    border-radius: 6px;
    /*padding-left: 25%;*/
    /*padding-right: 25%;*/
    margin-right: auto;
    margin-left: auto;

    width: 50rem;
    height: 34rem;

}

#demo-videos {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    width: 80%;
    min-height: 20rem;
}