html{font-size:100%;box-sizing:border-box}body{margin:0px;padding:0px;min-height:100vh}*,*::before,*::after{box-sizing:inherit}nav{padding:10px}@media (min-width: 600px){nav{padding:20px}}ul{list-style-type:none;grid-template-columns:repeat(2, 100px);margin:0;padding:0;display:grid;width:200px;background-color:#bdf496;border:1px solid #555}li a{grid-template-columns:1fr 1fr;color:#23201d;padding:0px 16px;text-decoration:none;text-align:center}.fullwidth{grid-column:1/2}li a:hover{background-color:#faeaaa;color:#2e2929}p{padding:20px;margin:20px}.title{text-align:center}