:root{font-size:63%}body{font-size:1.6rem;color:var(--text);font-family:var(--font-family)}h1,h2,h3,h4{margin-bottom:2rem}h1{font-size:3.5rem}h2{font-size:3rem}h3{font-size:2.5rem}h4{font-size:2rem}ul{list-style:none}img{max-width:100%}a{color:var(--text);text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}.title-underline{padding-bottom:2rem;border-bottom:1px solid var(--divider)}.btn{border:0;border-radius:3px;padding:1rem 2rem;font-weight:700;cursor:pointer}.btn:hover{box-shadow:var(--box-shadow);transition:box-shadow .3s}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{border:1px solid var(--primary);background:#fff;color:var(--primary)}.btn-danger{border:1px solid var(--error);background:#fff;color:var(--error);transition:background-color .3s,color .3s}.btn-danger:hover{background:var(--error);color:#fff}.text-error{color:var(--error)}:root{--primary: #1abc9c;--dark: #16a085;--accent: #2c3e50;--text: #333;--divider: #bdc3c7;--dark-grey: #324355;--white: #ffffff;--font-family: "Poppins", sans-serif;--box-shadow: 0 1px 2px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--error: #e74c3c}.container{min-height:100vh;display:grid;grid:"header" auto "content" 1fr "footer" auto/auto}header{grid-area:header;background:var(--dark);padding:20px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}header a{color:wheat}header .header-brand{font-size:4rem;font-weight:700}header ul{display:flex}header ul li .header-nav{font-size:1.8rem;padding:0 10px}header ul li .active{font-weight:700;text-decoration:underline}.content{grid-area:content;background:var(--divider);padding:2rem}footer{grid-area:footer;padding:20px;background-color:var(--dark-grey);font-size:1.8rem;text-align:center;color:wheat}