@import url(/statics/css/base/main.css);
/*=================MINIOR ADJUSTMENTS================*/
.block {
  width: 95vw;
}

/*=================BLACKJACK BOARD================*/
.results-block {
  width: 80vw;
  background-image: url(https://media.istockphoto.com/vectors/poker-table-background-in-green-color-vector-id1206505233?k=20&m=1206505233&s=612x612&w=0&h=QBYw3shQkcZG2g1qG8udx8nrUsqnPZNooSaLNIs5elo=);
  height: 350px;
}

#results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 1;
      -ms-flex: auto auto;
          flex: auto auto;
  height: inherit;
  width: inherit;
  contain: content;
}

/*=================PLAYERS================*/
.your-box,
.dealers-box {
  color: white;
  height: inherit;
  width: inherit;
}

.your-box {
  border-right: 2px solid black;
}

/*=================BUTTONS BORDER================*/
.buttons-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/*=================TABLE================*/
table,
th,
td {
  border: 1px solid black;
  text-align: center;
  padding: 5px;
  border-collapse: collapse;
}

/*=====HOW TO PLAY SECTION --BLACKMAGIC FROM W3SCHOOLS=====*/
/* Style the tab */
.tab {
  float: left;
  margin-left: 10px;
  width: 30%;
  height: 300px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  display: block;
  background-color: inherit;
  color: black;
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  font-family: "Oswald", sans-serif;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color: rgba(0, 0, 0, 0.61);
  color: white;
}

/* Style the tab content */
.tabcontent {
  float: right;
  padding: 0px 12px;
  width: 60%;
  border-left: none;
  height: 300px;
  display: none;
}
/*# sourceMappingURL=challenge5.css.map */