body{color:#fff;background-color:#111;font-family:sans-serif;line-height:1.5;margin:1rem}header{border-bottom:1px solid #222;margin-bottom:1rem}h1{width:100%;text-align:center;color:#c282e0;transition:300ms color}h1:hover{color:#5082cf;transition-duration:500ms}footer{border-top:1px solid #222;margin-top:1rem;width:100%;position:sticky;background-color:#111}p,#footer{text-align:center}.nav{display:flex;list-style-type:none}li{margin:5pt}a{color:#c282e0;text-decoration:none}