@import url(http://fonts.googleapis.com/css?family=Concert+One);

/* *, */
/* ::before, */
/* ::after { */
/*   box-sizing: border-box; */
/*   margin: 0; */
/*   padding: 0; */
/* } */

body {
  font-family: "Lucida Sans Typewriter", "Lucida Typewriter", "DejaVu Sans Mono";
  font-size: 1em;
  margin-bottom: 0;
}

@font-face {
  font-family: "Hobo";
  src: url("../fonts/HoboStd.otf");
}

h1 {
  display: flex;
  justify-content: center;
  text-transform:uppercase;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 3px;
}

h1 {
  margin-top: 4rem;
}

h2 {
  letter-spacing: 2px;
}

li {
  list-style-type: none;          
}



/* nav { */
/*    background-color: rgb(191, 74, 20);  */
/* } */


/*   background-color: rgb(191, 188, 20); */
/*   accent-color: rgba(78, 227, 229, 0.883); */
/*   background-color: rgb(191, 74, 20); */
/*   background-color: rgb(20, 171, 191); */
/*   background-color: rgb(20, 171, 191); */

#container {
  width: 100%;
  display: flex;
  justify-content: left;
}

.joueurNom {
  font-family: "Oswald", arial, Helvetica, sans-serif;
  font-weight: 300;
}
.avantage{
  font-family: "Oswald", arial, Helvetica, sans-serif;
  font-size: 1em;
}
.police{

  font-family: "Oswald", arial, Helvetica, sans-serif;
  font-size: 0.6em;
}
div.joueur {
  margin-bottom: 4px;
}

.tour {
  font-size: 1.6rem;
  margin-bottom: 1em;
  color: #f1f1f1;
  font-size: 2em;
}
.joc {
  padding-top: .6rem;
}
a{
  color: yellow;
  font-family:HoboStd;
}

.styled {
  border: 0;
  line-height: 2.5;
  padding: 0 20px;
  font-size: 2rem;
  text-align: center;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: rgb(220 0 0 / 100%);
  background-image: linear-gradient(
    to top left,
    rgb(0 0 0 / 20%),
    rgb(0 0 0 / 20%) 30%,
    rgb(0 0 0 / 0%)
  );
  box-shadow:
    inset 2px 2px 3px rgb(255 255 255 / 60%),
    inset -2px -2px 3px rgb(0 0 0 / 60%);
}

.styled:hover {
  background-color: rgb(255 0 0 / 100%);
}

.styled:active {
  box-shadow:
    inset -2px -2px 3px rgb(255 255 255 / 60%),
    inset 2px 2px 3px rgb(0 0 0 / 60%);
}