:root {
    --brand-color: #0072b0;
    --column-width: 1080px;
}

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

.page-header {
    color: black;
    background-color: var(--brand-color);
}

.main {
    padding: 1em 1.5rem;
    background-color: #fff;
    border-radius: 0.5em;
}


.social-links {
    padding: 1em 1.5rem;

    background-color: #fff;
    border-radius: 0.5em;
}


.page-header h1 {
    max-width: var(--column-width);
    margin: 0 auto;
}

.container {
    max-width: var(--column-width);
    margin: 0 auto;
}
.someClass {
    width: 1080px;
    margin: 0 auto;
}

.someH {
    margin: 0 auto;
}




h2 {
    font-weight: bolder;
    color: var(--brand-color);
}
strong {

    background-color: none;
    animation-name: bolding;
    animation-duration: 2s;
    /* animation: infinite; */

  }

@keyframes bolding {
    from {font-weight: 100;}
    to {font-weight: bolder;}
}
@keyframes example {
    from {background-color: bisque;}
    to {background-color: burlywood;}
}