body {
    color:rgb(210, 200, 255);
    background-color:rgb(19, 17, 27);
    font-family: Arial, Helvetica, sans-serif;
}

m2-header {
    text-align: center;
    width:100%;
}

.main {
    text-align: center;
    font-size: 23px;
}

#title {
    font-size: 4em;
}

h3 {
    text-align: left;
}

iframe {
    width: 66vw;
    height: calc(66vw * 0.5625); /* 16:9 */
}

img {
    max-width: 100%;
    height:auto;
}

pre {
    background-color: black;
    color:rgb(162, 210, 255);
    text-align: left;
}

li {
    text-align: left;
}

a {
    color: rgb(150, 132, 255);
}

.footer { 
    align-items: center;
    position: absolute; 
    bottom: 0; 
    z-index: 10;
}

.description {
    align-items: center;
    text-align: center;
    padding-top: 10px;
    font-size: 20px;
}

.thumbnails {
    align-items: center;
    padding-top: 40px;
}

.logo {
    outline: solid thick gray;
}