/* html {
    color-scheme: light dark;
}

body {

    margin: 0 auto;
    font-family: Tahoma, Verdana, Arial, sans-serif;
} */

.spacer {
    display: block;
    margin-top: 8rem;
}

/* .contents-container {
    border: 1px dashed lightgrey;
    display: flex;
} */

/* .content {
    display: block;

    color: antiquewhite;
    border: 1px solid black;
    margin: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.content.selected {
    /* width: 200px; */
    /* height: 200px; */
    transition: ease 0.5s;
    border: 5px;
}

.content{
    display:none;
}


.content.selected{
    display: inherit;
    flex: 1;
}


.blue {
    background-color: blue;
}

.red {
    background-color: red;
}

.yellow {
    background-color: yellow;
}

.maroon {
    background-color: maroon;
}

.orange {
    background-color: orange;
}