@import url('times-new-roman.css');

html {
   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Old versions of Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */

}

/* body,html{
   background: radial-gradient(#4ea367, rgb(14, 65, 14));
   height: 100%;
   overflow:hidden;
   overflow-y:hidden;
   overflow-x:hidden;

} */

html {
    background: radial-gradient(#4ea367, rgb(14, 65, 14));
    overflow:hidden;
   overflow-y:hidden;
   overflow-x:hidden;
}
body,html{
   height: 100%;
    transform-origin: left top;
}

.main
{
   position: absolute;
   top: 10%;
   left: 10%;
   
}

#pc-hand {
   /*
   border-color: #808080 #000000 #000000 #808080;
   border-width: 1px;
   border-style: solid;
   */
   width:  60em;
   height: 9em;
   border-radius: .3em;
   left: 15em;
   top: 3em;
   position: absolute;
   margin: 0.5em
}

#deck {
   /*
   border-color: black;
   border-width: 1px;
   border-style: solid;
   */
   width:  7em;
   height: 9em;
   border-radius: .3em;
   left: -6em;
   top: 20em;
   position: absolute;
   margin: 0.5em
}

#my-hand {
   /*
   border-color: #808080 #000000 #000000 #808080;
   border-width: 1px;
   border-style: solid;
   */
   width:  60em;
   height: 13em;
   border-radius: .3em;
   left:15em;
   top: 38em;
   position: absolute;
   margin: 0.5em
}

#table {
   /*
   border-color: #808080 #000000 #000000 #808080;
   border-width: 1px;
   border-style: solid;
   */
   width:  60em;
   height: 13em;
   border-radius: .3em;
   left: 15em;
   top: 20em;
   position: absolute;
   margin: 0.5em
}

#discard {
   /*
   border-color: #808080 #000000 #000000 #808080;
   border-width: 1px;
   border-style: solid;
   */
   width:  7em;
   height: 9em;
   border-radius: .3em;
   left: 95.5em;
   top: 18em;
   position: absolute;
   margin: 0.5em

}

#message{
  /* color: #F2D113 ;*/
   position: absolute;
   left: 7.8em;
   top: 36em;
   width: 1000px;
   border-radius: 10px;
   font-family: Arial;
   font-size: 20px;
   text-align: center;
   color: #fafaff;
}