:root {
    --flag-red: #BF0A30;
    --flag-blue: #002868;
    --flag-white: #FFFFFF;
}

body {
    background-color: var(--flag-white);
    color: var(--flag-blue);
    text-align: center;
}

.flag-header{
    display:grid;
    grid-template-columns: repeat(3,33vw);

}

.flag{
    min-height: 2rem;
    border: black;
}
.flag-left {
    background-color: var(--flag-red);
    color:#FFFFFF;
    padding: 1rem;
}

.flag-header a {
    color: yellow;
}

.flag-middle {
    background-color: var(--flag-white);
}

.flag-right {
    background-color: var(--flag-blue);
}

.content-bkgrd-img{
    display:grid;
    place-content:center;
    text-align:center;
    min-height: 500px;
    
    position:relative;
    isolation: isolate;
}

.content-bkgrd-img::after{
    content:"";
    position:absolute;
    z-index:-1;
    inset: 0;
    opacity: .25;
    background-image: url(../images/sip2.svg);
    background-position: center;
    background-repeat: no-repeat;
    /*background-size: cover;*/
    min-height: 647px;
}

.champs{
    display: grid;
    grid-template-columns: 3rem 1fr;
    justify-items: start;
}


.champs h3 {
    margin:0;
}

.season-champs div > h2 {
    margin-bottom:.5rem;
}

.team-champs{
    display: grid;
    grid-template-columns: 3rem 1fr 4rem;
    justify-items: start;
}

.team-name{
    padding-right:1.5rem;
}

.links ul {
  list-style-image: url(../images/sip2.svg);
}

.style2{
    font-size: xx-large;
    padding: 2rem;
}

.sf_outer_wrapper {
    border: solid #fff 12px;
    width: 900px;
    margin: auto;
}