/*
 * Custom CSS
 */
 body {
    font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
 }
 
h1 {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
}
  
.navbar {
    background-color: #0f0e14;
}
  
  .table .common {color: #c9d1d9;}
  .table .feeble {color: #9ca4ac;}
  .table .cracked {color: #525252;}
  .table .rusted {color: #474747;}
  .table .weathered {color: #60c689;}
  .table .bolstered {color: #57dcbe;}
  .table .veteran {color: #57acdc;}
  .table .gilded {color: #276bb0;}
  .table .pristine {color: #272ab0;}
  .table .authentic {color: #5727b0;}
  .table .illustrious {color: #9c27b0;}
  .table .ascended {color: #c2185b;}
  .table .unique {color:#ff9900;}
  @keyframes colorChange {
    0% {color: #FF0000;}
    25% {color: #00FF00;}
    50% {color: #0000FF;}
    75% {color: #FF00FF;}
    100% {color: #FF0000;}
  }
  @keyframes glow {
    0% {text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000, 0 0 15px #ff0000, 0 0 20px #ff0000;}
    25% {text-shadow: 0 0 10px #00ff00, 0 0 20px #00ff00, 0 0 30px #00ff00, 0 0 40px #00ff00;}
    50% {text-shadow: 0 0 15px #0000ff, 0 0 30px #0000ff, 0 0 45px #0000ff, 0 0 60px #0000ff;}
    75% {text-shadow: 0 0 20px #ff00ff, 0 0 40px #ff00ff, 0 0 60px #ff00ff, 0 0 80px #ff00ff;}
    100% {text-shadow: 0 0 5px #ff0000, 0 0 10px #ff0000, 0 0 15px #ff0000, 0 0 20px #ff0000;}
  }
  @keyframes transformAnimation {
    0% {transform: scale(1);}
    50% {transform: scale(1.10);}
    100% {transform: scale(1);}
  }
  
  .galactic {
    display: inline-block;
    animation: colorChange 6s infinite, transformAnimation 1s infinite;
  }
  
  
  .popUpContainer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
  
@keyframes floatFade {
    0% { transform: translateY(0); opacity: 1; }
    100% { transform: translateY(-60px); opacity: 0; }
}

.floating-number {
    position: absolute;
    font-size: 24px;
    animation: floatFade 0.5s linear forwards;
}
  
/* MODAL STYLES
-------------------------------*/
.jw-modal {
    /* modals are hidden by default */
    display: none;

    /* modal container fixed across whole screen */
    position: fixed;
    inset: 0;

    /* z-index must be higher than everything else on the page */
    z-index: 10000;
    
    /* semi-transparent black background exposed by padding */
    background-color: rgba(0, 0, 0, .75);
    padding: 40px;

    /* enables scrolling for tall modals */
    overflow: auto;
    text-align: center;
}

.jw-modal.open {
    display: block;
}

.jw-modal-body {
    width: 50%; align-items: center;
    margin: 0 auto;
    padding: 20px;
    background: #000000;
}

body.jw-modal-open {
    /* body overflow is hidden to hide main scrollbar when modal window is open */
    overflow: hidden;
}

  .newgame_content #header {
    font-size: 32px;
  }
  #newgame_button {
    padding: 14px 40px;
  }
  #partyname {
    background-color: #000;
    color: #ccc;
    border: 1px solid #30363d;
    width: 70%;
    font-size: 24px;
  }
  #partypicker {
    background-color: #000;
    color: #ccc;
    border: 1px solid #30363d;
    width: 30%;
    font-size: 24px;
  }
  #reset_button_reset {
    color:crimson;
  }