body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f6f6f6;
    margin: 0;
}

header {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e7e7e7;
    background: #e7e7e7;
    padding: 10px;
}

header nav {
    text-align: center;
}

header ul {
    display: flex;
    list-style: none;
}

header nav a {
    padding: 10px;
    font-weight: bolder;
    text-decoration:none;
    transition: 0.5s;
    font-size: 20px;
    color: black;
}

header nav a:hover,
.nav-left a:hover {
    color: #eaa546;
}

h2  {
    color: #7d7d7d;
    margin: 0;
    font-size: 1.8rem;
}

.active,
.nav-left ul li .active {
    color: #ff9500;
}

input[type="checkbox"] {
    accent-color: #ff9500;
    width: 20px;
    height: 20px;
}

.nav-left .active {
 margin-left: 10px;
}

.nav-left .active:hover {
    margin-left: 13px;
}

.nav-left a:hover{
    margin-left: 10px;
}

.nav-left ul {
    list-style: none;
}

.nav-left ul li {
    padding: 10px;
}

.nav-left ul li a {
    text-decoration: none;
    color: black;
    font-weight: bold;
    transition: 0.5s;
    font-size: 1.3rem;
    margin-left: 0px;
}

main {
    margin-top: 100px;
    width: 1000px;
    display: flex;
    flex-flow: column;
    background-color: #efefefdd;
    padding: 30px;
    border-radius: 20px;
}

main p, li {
    color: var(--color-font);
    line-height: 25px;
}

main ol li, main ul li {
    margin-bottom: 20px;
}

li strong {
    color: black;
}

.content {
    max-width: 100%;
    display: flex;
    justify-content: center;
}

.logo * {
    margin-right: 50px;
}

img {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 20px;
}

p {
    margin-top: 20px;
}

ul {
    list-style-type: none;
    align-items: center;
}

.nav-button {
    background: url('../images/buttons.png') 0px 9px;
    display: inline-block;
    padding: 100px;
    max-width: 100%;
    height: 50px;
    transition: 0s;
}

.nav-button:hover {
    background: url('../images/buttons.png') 0px 254px;
    display: inline-block;
    padding: 100px;
    max-width: 100%;
    height: 50px;
}


footer {
    background-color: #ff9500;
}