:root{
    --bg: #2c2c2c;  /*Color for background on non-cover pages*/
    --bg3: #462e1b;
    --bg2: #5584ba;
    --fc3: #ff7b00;
    --fc2: #da9631;
    --fc: #ffffff;  /*Color for font on non-cover pages*/
    --cfc: #ffffff; /*Color for font on cover page*/
    --hc: #da9631; /*Color for hovering*/
    --hc2: #ff7b00;
    --fbb: #000000; /*border for fun button*/
    --white: #ffffff; /*white button color*/
    --grey: #dfdbdb;  /*white button hover color*/

    --lightred: #be9090; /*pdf button color*/
    --hoverred: #a77d7d; /*pdf button hover color*/
    --yellow: #ffea32;
    --dyellow: #fcc631;
    --dgrey: #888888;
    --ss: #1f2c49;
    /* --ss: #283a60; */

    /* --ss: #315c93; */
    --red: #8b3131;
    --sshov: #602222; 
    --sshov2: #391414; 
    --green: #597e5f;
    --darkgreen: #3e5642;
    --darkergreen: #2c3e2f;
    --ssgr: #64E36C;
}

html {
    height: 100%;
    margin: 0;
}

header {
    text-align: center;
}


/* .headersanta {
    padding: 0px;
    text-align: center;
    background: var(--ss);
    color: var(--fc);
    font-size: 30px;
    font-family: 'BIZ UDPMincho', serif;
    
} */

h1 {
    font-family: "Mountains of Christmas", serif;
    font-weight: 700;
    font-style: normal;
    /* width: 1100vw; */
    padding: 0px;
    font-size: 12vw;
    margin-top: 0px;
}

h2 {
    margin-top: -5px;
    margin-bottom: -5px;
    font-size: 4vw;
    text-align: center;
}

/* #h1Holder {
    width: 100%;

} */

body {
    font-family: "Open Sans Light", sans-serif;
    color: var(--fc);
    /* padding-left: 60px; */
    background: var(--ss);
    margin: 0;
    /* padding-right: 60px; */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

.gameTable{
    width: 88vw;
    height: 15vh;
    text-align: center;
    /* align-self: center; */
    margin-right: auto;
    margin-left: auto;

    /* border-collapse: collapse; */
    /* border: 1pt solid black; */
    border-radius: 30px;
    background-color: #283a60;
    margin-top: 30px;
    border: none;
    font-size: 40px;
    font-weight: 400;
}

#gameEditorHolder {
    /* align-items: center; */
    /* all: unset; */
    /* min-width: 1000px; */
    margin-left: 55px;

}

.gameTableAdmin{
    width: 88vw;
    height: 20vh;
    text-align: center;
    /* align-self: center; */
    margin-right: auto;
    margin-left: auto;

    /* border-collapse: collapse; */
    /* border: 1pt solid black; */
    border-radius: 30px;
    background-color: #283a60;
    margin-top: 30px;
    border: none;
    font-size: 40px;
    font-weight: 400;
}

.gameTableAdmin button {
    margin-top: 30px;
    margin-bottom: 10px;
}

.nameCell {
    width: 30vw;
    font-size: 50px;

}

h2 {
    font-family: "Open Sans", sans-serif;
    list-style-type: none;
}

p {
    font-family: "Open Sans", sans-serif; 
    list-style-type: none;
}

table#scoreboard {
    margin-left: auto;
    margin-right: auto;
    margin-top: -20px;
    width: 90%;
    max-width: 35ch;
    padding: 0px;
    font-size: 5vw;
    font-weight: bold;
    border-radius: 30px;
    /* border-collapse: collapse; */
    /* border: 15px solid var(--ss); */


}

#redscoreTop {
    background-color: var(--red);
    margin-right: 30px;
    border-top-left-radius: 30px;
    border-bottom: 7px solid var(--ss); 
    /* border-bottom: 7px solid var(--ss); */

}


#greenscoreTop {
    background-color: var(--green);
    margin-left: 30px;
    border-top-right-radius: 30px;
    border-bottom: 7px solid var(--ss); 
    border-left: 7px solid var(--ss);
}

#red-scoreboard {
    color: var(--ss);
    background-color: white;
    /* border-bottom: 15px solid var(--ss); */
    border-bottom-left-radius: 30px;
    /* border-bottom: 7px solid var(--ss); */
}
#green-scoreboard {
    color: var(--ss);
    background-color: white;
    /* border-bottom: 15px solid var(--ss); */
    border-bottom-right-radius: 30px;
    border-left: 7px solid var(--ss);

}

#scavengerBtnHolder button {
    height: 150px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 70px;
}

input[type=checkbox] { 
    /* all: unset; */
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    -webkit-transform: scale(1.7,1.7); 
    display: inline-block;
}
#teamBtnHolder {
    margin-top: 50px;
}

#teamBtnHolder button,input,label {
    margin-left: 30px;
    margin-top: 20px;
}

#teamDisplayer {
    font-size: 50px;
}

/* #scoreboard td {
    font-family: "Open Sans", sans-serif; 
} */


#games-table {
    all: initial;
    text-align: center;
    font-size: 20pt;
    color: white;
    border: white;
    border-width: 1px;
    padding-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
}

/* th,tr,td {
    border: white;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
} */


button, .btnLink {
    background-color: var(--darkgreen); /* Green */
    border: none;
    color: white;
    border-radius: 50px 50px;
    padding: 5px;
    padding-left: 50px;
    padding-right:50px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 40px;
}

button:hover, .btnLink:hover {
    background-color: var(--darkergreen);
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /*Location of the box*/
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 75%;
  /* height: 70vh; */
  margin-top:auto;
  margin-bottom:auto;
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 50px;
  border-radius: 30px;
}

.rulesTitle {
    text-align: center;
    align-self: center;
    /* position: absolute; */
    margin-left: 0px;
    margin-right: 0px;
    margin-top: -25px;
    margin-bottom: -25px;
    padding-left:0px;
    padding-left: 0px;


    font-size: 70px;}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 100px;
  font-weight: bold;
  margin-top: -30px;
  margin-right: 20px;
  position:absolute;
  right:0;
  top:0;
  /* display: none; */
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

#sh input {
    font-size: 50px;
    margin-left: 30px;
    width: 85%;
}

.scav {
    font-size: 55px;
    margin-left: 30px;
}

.clue {
    font-size: 50px;
    margin-left: 30px;
    margin-right: 30px;
}

#clueEditForm {
    width: 80%
}

#curNextG h3 {
    font-size: 100px;
}

.btnLink {

}



footer {
    display: inline-grid;
    grid-template-columns: 1fr 1fr 1fr;
}

footer img {
    width: 100px;
    /*display: block;
    margin-left: auto;
    margin-right: auto;*/
}

p.sig {
    position: absolute;
    right: 0;
    padding-top: 75px;
    margin-right: 25px;
    text-align: right;
}

#redTeamBtn {
    background-color: #8b3131;
    margin-right: 50px;
}

#getClue {
    margin-left: 30px;
}


p.logo {
    text-align: center;
}


.centered {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.modalBtnCentered {
    margin: auto;
    display: none;
    font-size: 50px;;
}



textarea {
    font-family: "Arial";
}

label {
    font-size: 50px;
}

input, textarea {
    display:inline-block;
    width:80%;
    font-size: 40px;
}

/* textarea {
    display:inline-block;
    width:80%;
    font-size: 40px;
} */