body {
    margin: 0;
    padding: 0;
    font-family: calibri;
}

header {
    width: 100%;
    height: 50px;
    background: #008cbd;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 5px solid #006689;
}

main {
    display: grid;
    grid-template-columns: repeat(2, 300px 800px);
    grid-gap: 30px;
    width: 1100px;
    margin: auto;
}

main section {
    font-size: 17px;
    line-height: 25px;
    color: #3a3a3a;
    text-align: justify;
}

aside ul {
    list-style: none;
    background: #008cbd;
    padding: 40px 30px;
    border-radius: 5px;
    position: sticky;
    width: 230px;
    top: 10px;
}

aside ul li {
    margin: 15px 5px;
    position: relative;
}

aside ul li::after {
    content: "";
    transition: all 500ms ease;
    position: absolute;
    left: -20px;
    height: 20px;
    width: 10px;
    background: #36a5cb;
    top: 3px;
    border-radius: 1px;
}

aside ul li a {
    color: #fff;
    text-decoration: none;
}
table {
    width: 100%;
    border-collapse: collapse;
}
table td, table th {
    border: solid 1px;
    padding: 5px;
}

h2:not(:first-child) {
    padding-top: 30px;
    border-top: solid 1px #ccc;
}

@media screen and (max-width: 1000px) {

    header {
        width: 100%;
        height: auto;
        text-align: center;
    }

    main {
        width: 90%;
        margin: auto;
        grid-template-columns: repeat(1, 1fr);
    }

    aside ul {
        list-style: none;
        background: #008cbd;
        padding: 40px 30px;
        border-radius: 5px;
        position: relative;
        width: 95%;
        margin: 20px auto 0;
        box-sizing: border-box;
    }

}