:root {

    --accent-colour: #768226;
    --secondary-accenct-colour: #F5F5F5;

    --primary-colour: #111111;
    --secondary-colour: #9A9A9A;

    --content-width: min(1000px, 100%);
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: underline;
}

body {
    margin: 0;
    /*display: flex;*/
    /*justify-content: center;*/
}

.content {
    /*background: orange;*/
    width: var(--content-width);
    /*height: 300px;*/

}

section > h2 {
    text-align: center;
}

input[type=button],
button {
    width: 110px;
    height: 36px;
    font-size: 0.875rem;
    /*width: 100%;*/
    /*height: 50px;*/
    background: var(--accent-colour);
    border: #545c1b;
    border-radius: 5px;
    color: white;
    /*font-size: 1.1rem;*/
    cursor: pointer;
    transition: .1s;
}

input[type=button]:hover,
button:hover {
    background: #545c1b;
}

button:disabled {
    background: #b8bcb2;
}

h1 {
    font-size: 50px;
    font-family: "SplineSans", sans-serif;
    font-weight: normal;
    text-align: center;
    color: rgb(51, 47, 47);
    line-height: 60px;
}

h2 {
    font-size: 30px;
}

.rot30,
.rot30:before {
    transform: rotate(30deg);
}