/* Ensure structural elements clear left and right floats. */
h1, h2, h3, h4, h5, h6, h7,
footer,
.info {
    clear: both;
}

.float {
    width: 40%;
    float: left;
    margin: 0 1rem 1rem 0;
}

.float.right {
    float: right;
    margin: 0 0 1rem 1rem;
}

model-viewer {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
}

model-viewer noscript {
    display: block;
    height: 100%;
}