:root{
  --topbar-padding-x: 20px;
}

@media (max-width: 850px){
  :root{
    --topbar-outer-gap: 40px;
  }
}

main{
  width:100%;
  max-width:850px;
  margin:0 auto;
  padding:20px;
  box-sizing:border-box;
}