@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

body { font-family: 'Roboto Condensed', sans-serif; font-size: 100%; }
.header { background: linear-gradient(#ccc,#ccc); height: 50px; display: flex; align-items: center; justify-content: space-between; }
.header .headerTitle { font-size: 2em; color: #fff; font-weight: 500; line-height: 60px; margin-left: 20px;}
.header .headerButton { border: none; background: none; color: #ddd; margin-right: 20px; }
.header .headerButton .headerButtonSpan { font-size: 40px; }
.header .headerButton .headerButtonSpan:hover { color: #950; }
.section { margin: 1em; }
h1 { font-size: 1.6em; color: #222; margin: 0.5em 0; font-weight: 700; }
h2 { font-size: 1.4em; color: #444; margin: 0.4em 0; font-weight: 700; }
h3 { font-size: 1.2em; color: #666; margin: 0.3em 0; font-weight: 700; }
h4 { font-size: 1.1em; color: #777; margin: 0.2em 0; font-weight: 700; }