500-Lines-or-Less/1 - Blockcode/resources/css/base.css

ul, li {
    list-style: none;
    margin: 0em;
    padding: 0em;
}

div { padding: 0.5em; }

#header { max-height: 4em; }
#menu   { background-color: #FFDAB9; height: -webkit-fill-available; }
#script { background-color: #B0C4DE; height: -webkit-fill-available; }
#menu   > .script-block { background-color: #FF7F4F !important; }
#script   .script-nest  { background-color: #B0C4DE !important; }

.flex-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 2em;
}

.flex-child {
    min-height: 12em;
    width: auto;
}

.script-block,
.script-nest,
.border {
    border: 0.15em solid #000000;
    border-radius: 0.6em;
}

.script-block,
.script-nest {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding: 0.5em;
}

.script-block { background-color: #1E90FF !important; }
.script-nest  { background-color: #FFDAB9; }