*{
    margin:0;
    font-family: sans-serif;
    text-align: center;
    font-weight: bold;   
}
label{
    visibility: hidden; 
    opacity: 0.0;
}

#user-display {
	font-size:20px;
    margin: 0px auto;

}


.name-input,
.score,
input{
    font-family: 'Indie Flower', cursive;
    font-size: 16pt;
}
body{
    background-image:url(../images/augusta.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
*, 
:not(#handicap-heading),
:not(#nett-heading){
    border:0.5pt solid black;
}
#table-2,
#table-1,
#table-3{
    width: 90%;
    border-collapse: collapse;
    box-shadow: 0px 10px 30px 5px rgba(0,0, 0, 0.15);
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 7px;
}
#table-1 .player-name,
#comp-name{
    width:90%;
    
}
.player-details, 
.handicap {
   
    
    font-size: 6pt;
    font-weight: lighter;
}
.rating{
    font-size: 6pt;
    font-weight: lighter;
}

.player-name,
#comp-name,
#date {
    text-align: left;
}
#comp-name{
vertical-align: top;
}
#course-rating-white,
#slope-rating-white {
    background-color:#FAF9F6
}

.yellow-yards,
#course-rating-yellow,
#slope-rating-yellow {
    background-color: yellow;

}
.red-yards,
.red-par,
#course-rating-red,
#slope-rating-red {
    background-color:red;
    color: white;
}
.si,
.red-si{
    color: #89CFF0;
}

#out-row,
#in-row{
   background-color: #FAF9F6;
   border-top: 3pt solid black;
   
}
.handicap {
    background-color: lightgrey;
}

.white-yards,
.yellow-yards,
.par,
.si,
.net-score,
.points,
.red-yards,
.red-par,
.red-si,
.heading,
.marker-score,
.hole-num
{
    font-size: 10pt;
}
.white-yards,
.si,
.net-score,
.red-yards,
.red-par,
.red-si,
.yellow-yards {
    width:5px;}

#table-2 .player-name{
    width: 70px;
    text-align: center;
}

#out-heading, 
#in-heading,
#total-heading{
    font-size: 8pt;
}
#handicap-heading,
#nett-heading{
    text-align: right;
    padding-right: 5px;
}
#score-box{
    font-size: 10pt;
}
#table-1{
    margin-top: 20px;
}
#table-2{
    margin-bottom: px;;
}

#h10-row{
    border-spacing: 50px;
}
footer{
    display:flex;
    border: none;
    width:90%;
    margin:25px auto;
    background-color: white;
}
p{
    width:50%;
    font-size:8pt;
    text-align: left;
    height:50px;}