app.css

body {
    margin: 0;
}

.h {
    display: none;
}

.t, #i, #c, #s {
    display: inline-block;
}

a, #s {
   color: #ff8;
   text-shadow: #fff 0 0 8px;
}

.r1 {
    color: #f66;
}

.r2 {
    color: #66f;
}

.r3 {
    color: #6f6
}

#h, .t {
    text-align: center;
}

h1 {
    padding: 5%;
}
h2 {
    margin: 1%;
}


#i {
    overflow: auto;
    width: 33%;
    white-space: normal;
}

#i, #c {
    height: 100%;
}

#p, #h {
    width: 100%;
    min-height: 100%;
    white-space: nowrap;
}

#s {
    width: 100%;
}

#c {
    width: 66%;
    margin-right: 1%;
}

.t {
    border: .5vw solid #fd0;
    margin: .5vw;
    overflow: hidden;
    width: 9vw;
    height: 9vw;
}

/* responsive
@media (max-aspect-ratio: 4/3) {
    #i {
        height: 32%;
    }

    .t {
        width: 13vh;
        height: 13vh;
    }

    #c {
        height: 67%;
        margin: 0;
        margin-bottom: .5%;
    }

    #i, #c {
        width: 100%;
    }

}
*/