:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:Circular Bold,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.5rem}*{margin:0;padding:0;border:0}html{background-color:#f0f0f0}body{color:#00f;accent-color:blue}main{background-color:#fff}header{display:flex;flex-direction:row;align-items:center}nav{background:#ffb4b4;background:linear-gradient(0deg,#ffb4b4,#fff 20%);color:#000}.nav{font-size:.5rem;display:flex;justify-content:space-between;align-items:center;text-align:center;margin-inline:1%}h1{height:100%;text-align:center;align-self:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}h4{justify-self:center}p{font-size:1rem}a{text-decoration:none}a:hover{color:#ff140a}img{image-rendering:pixelated}svg{color:#000;width:1.5rem}ul{text-decoration:none;list-style:none}button{padding:1px;border-radius:2px}button:active{background-color:red}