.light,:root{--text-color:#1a1a1a;--background-color:#f5f5f5}.dark{--text-color:#ffffff;--background-color:#333333}body{color:var(--text-color);background-color:var(--background-color);font-family:Arial,sans-serif;margin:0;padding:0;transition:color .3s,background-color .3s}nav{font-size:1rem;line-height:2;padding:1rem 0;display:flex}nav>a{margin:1rem 1rem 0 0;padding:.1rem 1rem;border:1px solid var(--text-color);border-radius:5px;color:var(--text-color)!important;text-decoration:none;transition:.4s}nav>.button-example-container{align-self:flex-end;width:4rem;height:2.5rem;background-color:transparent}.container{display:flex;flex-direction:column;align-items:center;text-align:center}