*{box-sizing:border-box}body{margin:0;font-family:'Lato', Arial, Helvetica, sans-serif}p{line-height:1.5;font-size:1.2em}button{padding:.5em 1.5em;border:2px solid white;border-radius:5px;background:transparent;color:white;font-size:1.3em;text-transform:uppercase;transition-duration:.2s}button:hover{background:var(--p-dark);border-color:var(--p-dark);color:white;transition-duration:.2s;cursor:pointer}.container{width:90%;margin:1em auto}.centered{text-align:center}.header{background:var(--primary);color:white;padding:5em 2em}.header h1{font-size:3em;margin:0}.header p{max-width:800px;margin:2em auto}.about{color:#263238;padding:2em 0}.about p{max-width:800px}@media (min-width: 800px){.clubs{display:grid;grid-template-columns:1fr 1fr}}.clubs .location{display:block;text-transform:uppercase;color:var(--s-dark);font-size:.9em}.club{padding:2em}.club .club-name{font-weight:bold;background:linear-gradient(to top, var(--p-light) 20%, transparent 20%);margin:5px 0;font-size:2em}.club p{margin:5px 0}.location{text-transform:uppercase;color:var(--secondary)}body{--primary: #c62828;--p-light: #ff5f52;--p-dark: #8e0000;--highlight: blue;--secondary: #37474f;--s-light: #62727b;--s-dark: #102027}.header{text-align:left}@media (min-width: 800px){.header{text-align:center}}.sections{overflow-x:scroll;display:grid;grid-gap:5px;grid-template-columns:repeat(3, 1fr);background:var(--primary)}.subsection{min-width:250px;padding:1em;color:white;text-align:center;background:var(--p-dark);transition-duration:.2s}.subsection h2{display:block;color:white;font-size:1.5em}.subsection p{font-size:1rem}button{animation:0.8s ease 0s 1 normal forwards fadeIn;animation-fill-mode:both;visibility:visible}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}