:root{--background-color:white;--text-color:black;--link-color:black;--burger-color:black;--hover-color:gray}[data-theme=dark]{--background-color:#121212;--text-color:white;--link-color:white;--burger-color:white;--hover-color:rgb(226,226,226)}body{font-family:SFPRO,sans-serif;padding:0;margin:50px 0 0;display:flex;flex-direction:column;background-color:var(--background-color);color:var(--text-color)}a{text-decoration:none;color:var(--link-color)}h3{margin-top:0;margin-bottom:10px;&:hover{color:var(--hover-color)}}p{margin-top:0;margin-bottom:10px}button{cursor:pointer;background-color:var(--background-color);color:var(--text-color);border:1px solid var(--text-color);border-radius:5px;padding:10px 20px}