@font-face { font-family:'OpenSans'; src:local('OpenSans-Regular'), url('fonts/OpenSans-Regular.ttf') format('truetype'); font-weight:normal; font-style:normal; font-display:swap;}
@font-face { font-family:'OpenSans'; src:local('OpenSans-Italic'), url('fonts/OpenSans-Italic.ttf') format('truetype'); font-weight:normal; font-style:italic; font-display:swap;}
@font-face { font-family:'OpenSans'; src:local('LeagueSpartan-Bold'), url('fonts/LeagueSpartan-Bold.otf') format('opentype'); font-weight:bold; font-style:normal; font-display:swap;}
@font-face { font-family:'OpenSans'; src:local('OpenSans-BoldItalic'), url('fonts/OpenSans-BoldItalic.ttf') format('truetype'); font-weight:bold; font-style:italic; font-display:swap;}

body { font-family:'OpenSans', sans-serif; margin:0;}

img { max-width:100%;}
header { background:#fffbc0; text-align:center;}
header p { margin:0;}
main, footer { text-align:center;}
footer { font-size:90%;}

.text-container {
    position: relative;
    padding-bottom: 10px;
}

.image-underline {
    position: relative;
    display: inline;
}

.image-underline::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: -10px;
    width: 104px;
    height: .5rem;
    background: url('../images/underline.png') no-repeat;
    background-size: 100%;
}