body{margin:0;font-family:monospace;font-size:16px;background:#f5f3ed}button{font-family:monospace}img{width:1080px;max-width:85%}#navbar{padding:1rem 0;border-bottom:2px solid #000;display:flex;align-items:center}#nav-left{margin:0;margin-left:4rem}#nav-links{margin-left:auto;margin-right:4rem}@media only screen and (max-width:640px){#nav-links{margin:0 auto;text-align:center;display:block}.cool-button{margin:.25rem 0 .25rem 0.25rem!important;display:block}}#nav-links>.cool-button{margin:0 .5rem}#content{margin:1rem}.cool-button{text-decoration:none;color:#000;display:inline-block;font-size:24px;padding:.5rem;border:2px solid #000;background:#f5f3ed;cursor:pointer;clip-path:polygon(50% 0,100 50% 100%,0 50%);box-shadow:2px 2px 0 #000}.cool-button:hover{box-shadow:3px 3px 0 #000;transform:translate(-1px,-1px)}.cool-button:active{box-shadow:1px 1px 0 #000;transform:translate(1px,1px)}.cool-button.active{background:#dbdbdb}