@charset "UTF-8";
body {
    background-color: #59648F;
    background-image: url(images/SeamlessBackground.png);
}
.container-fluid .container .text-center {
    color: rgba(255,255,255,1.00);
    text-shadow: 2px 2px rgba(0,0,0,0.58);
}
h1 {
    color: #F5F5F5;
    font-size: medium;
}
.row .col-xl-4 #gameIdent1 {
    opacity: 1;
    margin-left: 42px;
    margin-top: -26px;
}
.row .col-xl-4 #gameIdent3 {
    margin-left: 28px;
}
.row .col-xl-4 #gameIdent2 {
    margin-left: 56px;
}
.row .col-xl-12 .text-center {
    font-size: medium;
}
.row .col-xl-12 #characterHeading {
    color: rgba(249,249,249,1.00);
}
.container .navbar.fixed-top.navbar-expand-lg.navbar-light .navbar-toggler {
    background-color: rgba(247,247,247,1.00);
}
.row .col-xl-6 .text-left {
    color: #F7F4F4;
}
.col-xl-12 div hr {
    height: 2px;
    background-color: rgba(247,244,244,1.00);
    width: 234px;
}
.col-xl-4 div hr {
    background-color: rgba(247,244,244,1.00);
    height: 2px;
    width: 234px;
}
.row .col-xl-4 p {
    color: rgba(250,250,250,1.00);
}
.navbar-nav.mr-auto .nav-item .nav-link {
    color: #FFF8F8;
}
.row .col-xl-12 .text-center {
    color: #FFFFFF;
    font-size: 30px;
}
.container-fluid .container .navbar.fixed-top.navbar-expand-lg.navbar-light.bg-light {
}
.navbar-nav.mr-auto .nav-item.active .nav-link {
    color: #FFFCFC;
}
.container-fluid .container .navbar.fixed-top.navbar-expand-lg.navbar-light {
    background-color: rgba(0,0,0,1.00);
}
.row .col-xl-12 .text-left {
    color: #FFFFFF;
    font-size: 24px;
}
.row .col-xl-12 .text-justify {
    color: #FDFDFD;
}
.row .col-xl-4 .text-justify {
    color: #FFFFFF;
}
.card.col-md-4.col-xl-12 .card-body .card-title {
    color: rgba(255,231,0,1.00);
}
.row .col-xl-4 .card.col-md-4.col-xl-12 {
    background-color: rgba(7,7,7,0.00);
}
.row .col-xl-12 p {
    color: rgba(255,255,255,1.00);
}

.container {

  width:100%;

  margin:0 auto;

  position:relative;

}



#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"] { font:400 12px/16px "Open Sans", Helvetica, Arial, sans-serif; }



#contact {

  background:#F9F9F9;

  padding:25px;

  margin:50px 0;

}



#contact h3 {

  color: #F96;

  display: block;

  font-size: 30px;

  font-weight: 400;

}



#contact h4 {

  margin:5px 0 15px;

  display:block;

  font-size:13px;

}



fieldset {

  border: medium none !important;

  margin: 0 0 10px;

  min-width: 100%;

  padding: 0;

  width: 100%;

}



#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea {

  width:100%;

  border:1px solid #CCC;

  background:#FFF;

  margin:0 0 5px;

  padding:10px;

}



#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, #contact textarea:hover {

  -webkit-transition:border-color 0.3s ease-in-out;

  -moz-transition:border-color 0.3s ease-in-out;

  transition:border-color 0.3s ease-in-out;

  border:1px solid #AAA;

}



#contact textarea {

  height:100px;

  max-width:100%;

  resize:none;

}



#contact button[type="submit"] {

  cursor:pointer;

  width:20%;

  border:none;

  background:#0CF;

  color:#FFF;

  margin:0 0 5px;

  padding:10px;

  font-size:15px;

}



#contact button[type="submit"]:hover {

  background:#09C;

  -webkit-transition:background 0.3s ease-in-out;

  -moz-transition:background 0.3s ease-in-out;

  transition:background-color 0.3s ease-in-out;

}



#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }



#contact input:focus, #contact textarea:focus {

  outline:0;

  border:1px solid #999;

}

::-webkit-input-placeholder {

 color:#888;

}

:-moz-placeholder {

 color:#888;

}

::-moz-placeholder {

 color:#888;

}

:-ms-input-placeholder {

 color:#888;

}
.betaTestDiv {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}
.badges {
}
.container-fluid .container .badges {
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
}