<style>
    .hole_wots span, .par_wots span, .score_wots span, .yardage span, .opp_score_wots span {
        display: inline-block;
        padding: 5px;
        text-align: center;
        background-color: white;
        vertical-align: top;
        font-family: 'Inter', sans-serif;
    } 
    .front9 span {
        width: 100%;
    }
    #scorecard {
        font-family: sans-serif;
        font-size: 0.9em;
        text-align: center;
        margin-left: 5px;
    }
    .hole_wots span {
        font-weight: 700;
        background-color: white;
    }
    .yardage span, .hole span {
        background-color: white;
    }
    .score_wots span, .opp_score_wots span {
        padding:  10px 5px 10px 5px;
    }
    .circle_wots {
        background-image: url('../images/blue_circle.png');
        background-size: 1.8em;
        background-position: center;
        background-repeat: no-repeat;
        /* background-color: darkblue; */
        color: white;
    }
    .red_circle_wots {
        background-image: url('../images/red_circle.png');
        background-size: 1.8em;
        background-position: center;
        background-repeat: no-repeat;
        /* background-color: darkblue; */
        color: white;
    }
    .blue_circle_wots {
        background-image: url('../images/blue_circle.png?v=1');
        background-size: 1.8em;
        background-position: center;
        background-repeat: no-repeat;
        /* background-color: darkblue; */
        color: white;
    }
    .doublecircle_wots {
        background-image: url('../images/blue_circle.png');
        background-size: 1.8em;
        background-position: center;
        background-repeat: no-repeat;
        /* background-color: darkblue; */
        color: white;
    }
    .square_wots {
        background-image: url('../images/red_square.png');
        background-size: 1.5em;
        background-position: center;
        background-repeat: no-repeat;
        color: white;
    }
    .doublesquare_wots {
        background-image: url('../images/red_square.png');
        background-size: 1.5em;
        background-position: center;
        background-repeat: no-repeat;
        color: white;
    }
    body {
        font-family: 'Open Sans', serif;
        /*font-family: 'Alegreya Sans SC', sans-serif; */
        letter-spacing: -.6px; 
        font-size: .9em;
    }
    input {
        font-size: 1em;

    }
    h3 {
        font-family: 'Inter', serif;
    }
    .ui-btn {
        font-family: 'Inter', sans-serif;
    }
    .ui-input-btn {
        margin:  20px;
        text-align: center;
        font-size: 1em;
    } 
    .ui-corner-all {
        border-radius: 2px;
    }
    .ui-page {
        max-width: 100%;
    }
    .ui-slider-track {
        height:  20px;
    }
    .ui-icon-minus, .ui-icon-plus {
        height:  100px;
        width: 100px;
        padding-left: 50px;
        font-size: .8em;
    }

    .ScoringModule {
        text-shadow: none;
        padding-top: 10px;
    }
    .ScoreTracker-score {
        font-size: 2em;
    }
    .ScoreTracker-bar {
        background: #ccc;
    }
    .MatchPlayer, .MatchPlayer-firstname, .MatchPlayer-lastname{
        line-height: .9em;
        font-size:  .9em;
    }
    .MatchInfo-number, .MatchInfo-progress {
        line-height: .7em;
        font-size:  .7em;   
    }
    .Hole, .HoleScore {
        font-size: .8em;
    }
    .MatchScore-large {
        font-size: 2.5em;
    }
    .MatchScore-small {
        font-size: 1.8em;
    }
    .ScoringModule-overallTitle {
        font-size: .8em;   
    }
    .ScoringModule-content {
    }
    .ScoringModule-symbol-text {
        font-size: .7em;
    }
    .MatchScore-tied {
        font-size: 1.5em;
    }
    .Team-points-text {
        font-size: .8em;
    }
    .Team-flag {
        width:  60px;
        height: 35px;
        padding: 5px;
    }
    @media (max-width: 992px) {
            
        .w3-sidebar.w3-collapse {
            display: block;
        }
    }
    .reaction {
        font-size: 1.25em;
    }
    </style>