@font-face {
      font-family: 'ubuntu';
      src: url('font/ubuntumedium.woff2') format('woff2'),
           url('font/ubuntumedium.ttf') format('ttf'),
           url('font/ubuntumedium.woff') format('woff');
      font-weight: 800;
      font-style: normal;
   
   }

html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background: rgb(58 122 40);
	-webkit-tap-highlight-color: transparent;
}

a:link
{
	text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
}

a:visited
{
	text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
}

#content
{
	min-height: 100%;
	position: relative;
    overflow: hidden;
    background: url(images/felt.png);
-webkit-box-shadow: 0px 2px 64px 40px rgba(18, 18, 19, 0.27) inset;
-moz-box-shadow: 0px 2px 64px 40px rgba(18, 18, 19, 0.27) inset;
box-shadow: 0px 2px 64px 40px rgba(18, 18, 19, 0.27) inset;
	-webkit-tap-highlight-color: transparent;
}

#leftsidebar
{
	position: absolute;
	left: 0;
	top: 0;
	width: 160px;
	bottom: 0;
		-webkit-box-shadow: 0px 2px 64px 40px rgba(18, 18, 19, 0.27) inset;
-moz-box-shadow: 0px 2px 64px 40px rgba(18, 18, 19, 0.27) inset;
box-shadow: 0px 2px 64px 40px rgba(18, 18, 19, 0.27) inset;
/*	border: 1px solid white;*/
}


.inner-div {
    height: 50px;
    width: 140px;
    margin: 10px;
 position: relative;
  }
.inner-div-button {
height: 50px;
width: 140px;
margin: 0 auto;
position: relative;
}
.lite-yellow {
    color: #ffbf00;
	text-align: center;
}
.lite-white {
    color: white;
	text-align: center;
}
.main-container {
    display: flex;
    flex-direction: column;
    justify-content:space-between;
	padding-top: 20px;
}
.container {
    display: flex;
    flex-direction: column;
    justify-content:space-between;
	padding-top: 20px;
}
.flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#global-settings-open-wrap1 {

    opacity: 1;
    border-radius: .1em;
    pointer-events: auto;
position:absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
     padding: 0px 17px 0px 17px;   
    font-size: calc( (100vw - 30rem)/(80 - 30) * (1.5 - 1) + 1.2rem);
    font-family: 'ubuntu';
}

#global-settings-open-wrap2 {

    opacity: 1;
    font-size: calc( (100vw - 30rem)/(80 - 30) * (1.5 - 1) + 1.2rem);
    border-radius: .1em;
    pointer-events: auto;
position:absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);     
     padding: 0px 10px 0px 10px;    
      font-family: 'ubuntu';  
}
#global-settings-open-wrap3 {
    font-family: 'ubuntu';
    font-size: 2 em; 
    opacity: 1;
    border-radius: .5em;
    pointer-events: auto;
position:absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);    
}
#global-settings-open-wrap5 {
    opacity: 1;
	 font-family: 'ubuntu';
    border-radius: .15em;
    pointer-events: auto;
position:absolute;
left:50%;
top:50%;
width: 120px;
transform: translate(-50%,-50%);     
}
button {
    border-radius: .3em;
    background-color: #191919;
    color: white;
    border: gray solid .1em;
    font-family: 'ubuntu';
    padding:3px 0px 3px 0px;
	margin: auto;
	width: 120px;
}

button:hover {
    background-color: black;
}

button:disabled {
    background-color: #4e4e4e;
    color: #797979;
}
/* Logo in the top left corner */
#logo
{
	margin: 12px 16px;
}

/* FeeCell label in the lower-right corner */
#label
{
	float: right;
}

#info_scroll
{
	position: absolute;
	bottom: 0;
}

/* Narrow strip along top of screen that includes login information */
#header
{
	position: absolute;
	left: 160px;
	top: 0;
	right: 0;
	height: 32px;
/*	border: 1px solid white;*/
}

#hidden_redeal
{
	position: absolute;
	left: 160px;	/* Width of #leftsidebar */
	top: 32px;		/* Height of #header */
	width: 80px;
	height: 120px;
/*	border: 1px solid white;*/
}

/* Region in the center where card game is played */
#field
{
	position: absolute;
	left: 180px;
	top: 32px;
	right: 0;
	bottom: 0;
/*	pointer-events: none;*/
/*	border: 1px solid rgba(0, 255, 0, 1);*/
}

/* Region in the center where card game is played */
#basement
{
	overflow: auto;
	position: absolute;
	top: 800px;
	width: 100%;
/*	border: 1px solid rgba(0, 255, 0, 1);*/
}