body {
    background-color:#ffffff;
    background-image:url(../img/back.jpg);
    background-size:auto;
    background-position:top center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:#ffffff;
    line-height:1.5;
    font-size:14pt;
    font-family:'Josefin Sans',sans-serif;
    padding:0;
    margin:0;
  }
  
  a {
    color:#ffffff;
    text-decoration:none;
  }
  
  a:hover {
    color:#eee;
  }
  
  a:active {
    color:#ffffff;
  }
  
  a:visited {
    color:#ffffff;
  }
  
  a.active {
    color:#ffffff !important;
    text-shadow:#000 1px 1px 3px;
  }
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin:10px 0;
    color:#ffffff;
    line-height:1;
    text-transform:uppercase;
    font-weight:bold;
  }
  
  h1 {
    font-size:23pt;
  }
  
  h2 {
    font-size:24pt;
  }
  
  h3 {
    font-size:18pt;
  }
  
  h4 {
    font-size:16pt;
  }
  
  h5 {
    font-size:14pt;
  }
  
  h6 {
    font-size:12pt;
  }
  
  br {
    content:" ";
    display:block;
    margin:3px 0;
    line-height:22px;
  }
  
  p {
    margin:0;
    padding:0;
  }
  
  ul,
  ol,
  li {
    list-style:none;
    margin:0;
    padding:0;
  }
  
  hr {
    margin:15px 0;
    border-color:#ddd;
  }
  
  .flex {
    align-items:center;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
  }
  
  .wrapper {
    width:1000px;
    max-width:90%;
    margin:0 auto;
  }
  
  .header {
    box-shadow:#000 0 0 15px;
  }
  
  .top-header {
    padding:25px 0;
  }
  
  .login-form {
    width:60%;
  }
  
  .logo {
    width:25%;
  }
  
  .logo img {
    width:100%;
  }
  
  .content {
    padding:25px 30px;
    margin:30px 0;
    background:#000000ad;
    border-radius:5px;
    border:1px solid #000;
    box-shadow:#a36337 0 0 15px;
  }
  
  .scrolltext {
    line-height:2;
    font-size:12pt;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    overflow:hidden;
  }
  
  .slider {
    padding:35px 0 0;
  }
  
  .form h3 {
    text-align:center;
  }
  
  .form {
    width:auto;
    border-radius:10px;
  }
  
  #txtUsername,
  #txtPassword {
    width:20%;
  }
  
  #txtCode {
    width:10%;
  }
  
  input[type=text],
  input[type=password],
  .button,
  .captcha {
    border:1px solid #ffffff;
    line-height:35px;
    padding:0;
    text-align:center;
    margin-right:5px;
  }
  
  input[type=text],
  input[type=password] {
    background:#ffffff;
    border-radius:5px;
  }
  
  input[type=text]:focus,
  input[type=password]:focus {
    color:#000;
    outline:none;
  }
  
  ::placeholder {
    color:#000000;
    font-size:14px;
  }
  
  #CaptchaDiv {
    background:#000000;
    color:#ffffff;
    border:1px solid #4c4c4c;
    user-select:none;
    padding:0;
    box-shadow:#000 0 0 15px inset;
    font-weight:bold;
    width:10%;
    font-size:13pt;
    border-radius:5px;
  }
  
  .button {
    text-transform:uppercase;
    font-weight:bold;
    cursor:pointer;
    font-size:16px;
    color:#0c0c0c;
    border:none;
    border:1px solid #818181;
    flex:1;
    border-radius:5px;
  }
  
  .button:hover {
    background:#dddddd;
    box-shadow:#f1f1f1 0 0 15px inset;
    border-color:#818181;
    color:#111;
  }
  
  a.button {
    color:#fff;
  }
  
  .button a:hover {
    color:#111;
  }
  
  .button:last-child {
    margin:0;
  }
  
  .register-button {
    color:#000000;
    border:1px solid #ff9800;
  }
  
  a.register-button {
    font-size:20px;
    color:#000;
    font-weight:bold;
  }
  
  a.register-button:hover {
    color:#000;
  }
  
  /*colour*/
  
  .color-2 {
    background:#ffc107;
    background:-moz-linear-gradient(top,#ffc107 0%,#e0a206 100%);
    background:-webkit-linear-gradient(top,#ffc107 0%,#e0a206 100%);
    background:linear-gradient(to bottom,#ffc107 0%,#e0a206 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc107',endColorstr='#e0a206',GradientType=0 );
    color:#000;
  }
  
  .color-1 {
    background:#ffffff;
    background:-moz-linear-gradient(top,#ffffff 0%,#dddddd 100%);
    background:-webkit-linear-gradient(top,#ffffff 0%,#dddddd 100%);
    background:linear-gradient(to bottom,#ffffff 0%,#dddddd 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#dddddd',GradientType=0 );
    color:#000000;
  }
  
  .color-3 {
    background:#000000;
    background:-moz-linear-gradient(top,#000000 0%,#202020 65%,#000000 100%);
    background:-webkit-linear-gradient(top,#000000 0%,#202020 65%,#000000 100%);
    background:linear-gradient(to bottom,#000000 0%,#202020 65%,#000000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=0 );
    color:#ffffff;
  }
  
  .nav {
    border:none;
    background:inherit;
  }
  
  .navbar {}
  
  .navbar a {
    font-weight:bold;
    color:#000;
    text-align:center;
    padding:0;
    text-transform:uppercase;
    transition:0.3s;
    line-height:45px;
  }
  
  .navbar a:last-child {
    border-right:none;
  }
  
  .navbar a:hover {
    color:#fff;
  }
  
  .toggle,
  label.lbl-toggle {
    display:none;
  }
  
  .list-game {
    margin-top:15px;
  }
  
  .list-game-img {
    width:20%;
    border:1px solid #2ec2e0;
  }
  
  .list-game-img-big {
    width:37%;
    height:280px;
  }
  
  .game {
    padding:35px 0 0;
    margin:0 -10px;
  }
  
  .game img:hover {
    transform:scale(1.15);
    box-shadow:#fdbf07 0 0 15px,#fdbf07 0 0 15px 10px inset;
    border-radius:5px;
  }
  
  .game img {
    transition:all .3s ease-in-out;
    width:100%;
    display:block;
  }
  
  .footer {
    text-align:center;
    padding:12px 0;
    font-weight:700;
  }