@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");


:root {
    --hue: 230;
    --accent: hsl(var(--hue), 70%, 75%);
    --background-primary: hsl(var(--hue), 30%, 10%);
    --background-secondary: hsl(var(--hue), 35%, 20%);
}


html {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
}


* {
    box-sizing: border-box;
}


body {
    margin: 0;
    background-color: var(--background-primary);
    color: white;
}


main {
    margin: 0 auto;
    max-width: 1250px;
    padding: 10px;
}


button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    outline: none;
    cursor: pointer;
    background-color: var(--background-secondary);
    border-radius: 5px;
    border: 2px solid var(--accent);
    padding: 7.5px 15px;
}


hr {
    border: none;
    border-top: 3px solid var(--accent);
    margin: 25px 0;
}


a {
    color: var(--accent)
}