Template:Developer Satisfaction Survey/styles.css

.dss-main { font-family: monospace, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; } .dss-main_table { width: 100%; } .dss-main_table .sortbottom { border-top: 2px solid #b32424; } .dss-footer_nav-prev { float: left; } .dss-footer_nav-next { float: right; } .dss-main_intro h1 { font-size: 200%; margin: 0; color: #069; border-bottom: none; padding: 0.5em 0; font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; font-weight: bold; } .dss-main_intro h1::after { border-bottom: none; } .dss-main_intro-menu ul { margin: 0; padding: 0; list-style: none none; font-weight: bold; } /* pull numbers and pull quotes -- */ .dss-main_big-numbers { display: flex; align-items: center; max-width: 95%; margin: 1em auto; } .dss-main_big-numbers-green { border-left: 3px solid #00af89; } .dss-main_big-numbers-number { font-size: 2em; padding: 5px; } .dss-main_big-numbers-explainer { display: flex; align-items: flex-start; } @media screen and (min-width: 768px) { .dss-main { font-size: 1.2em; padding: 2em; }	.dss-main_big-numbers { max-width: 80%; }	.dss-main_big-numbers-number { font-size: 3em; padding: 1em; }	.dss-main_intro { font-size: 125%; display: flex; align-items: stretch; }	.dss-main_intro-header { flex: 3 3 75%; padding: 0 2vw 0; }	.dss-main_intro-menu { border-left: 3px dashed #b32424; margin-bottom: 0; margin-top: 0.5em; flex: 1 1 25%; display: flex; align-items: center; padding: 0 2vw 0; } }