#sim { padding: 0 2em; } #sim p { color: #333; } #sim section { padding: 2em; } #sim #introduction { font-size: 110%; padding-top: 0; width: 60%; margin-left: 10%; } #introduction h1 { font-size: 250%; font-weight: 400; } #conversation { margin: 3em auto; font-size: 120%; line-height: normal; display: flex; justify-content: space-around; min-height: 10em; margin: 3em 0; max-width: 90%; } #questions-answers { min-width: 60%; } #sim #help { border: 1px solid #ccc; border-radius: 2px; font-style: italic; margin-left: 2em; padding-left: 3em; min-width: 30%; color: #444 } .dependency-of { } .dependency-of ul { display: inline; } .dependency-of li { font-size: 80%; background: #4A89DC; color: white; display: inline-block; padding: .1em .6em; margin: 0 .6em; border-radius: 3px; } #results { width: 90%; border-top: 2px solid #aaa; } #results ul { list-style: none; } #results li { display: inline-block; background: #4A89DC; color: white; margin: 0 2em; border-radius: 6px; padding: .6em 2em; } #results li h3 { border-bottom: 1px solid white; } #results .value { font-size: 160%; }