gistfile1.txt

body {
background:black;
color: #ccc;
padding:0px 40px;
font-family: "Operator Mono";
font-weight: 200;
}

h1,h2,h3,p {
    font-size:1em;
}

h3 {
    color: #fc9;
}
h2 { color:white }

a {
    color:#36c;
    font-weight: 300;
}

#design-selection {
    /* position:absolute; */
    /* top:0; */
    /* left:45px; */

}


#design-selection ul {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* margin:0; */
    /* padding:0; */
}

h1 {color:gold}

aside h3 {
    color:#c75;
    font-weight: 200;
}
aside ul {
    margin-left:0;
    padding-left:0
}
aside ul li {
    list-style-type: none;
    margin-left:0;
    padding-left:0
}

aside ul li::before {
    content: "- ";
    color:white;
    font-size:1rem

}
#design-selection ul li {
    /* display:block; */
    /* padding:0; margin:0; */
    /* padding:20px; */
    /* padding-bottom:1em; */
    /* padding-right:2em; */
    margin-bottom:-1em;
    /* visibility: hidden; */
    color:black;
    font-size:0px;
}
/* #design-selection ul li a { visibility: visible ;} */
#design-selection h3 {
    /* display:none; */
}
abbr { text-decoration: none;}
aside ul li a {
    text-decoration: none;;
}
aside ul li a:hover {
    text-decoration: underline;
}

#design-selection ul li a:last-child {
    display: none;
}
#design-selection ul li a:first-child {
    /* display:block; */
    font-size:1rem;
}

div.page-wrapper {
    display:flex;
    flex-direction: column;
    width:600px;
    margin:0 auto;
}

aside { order: -1;
    border-bottom:1px solid #333;
    padding-bottom:20px;
    margin-bottom:1em;
 }
aside div.wrapper {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}

aside div.wrapper div {
    /* flex-shrink: 1; */
}