html {
  background: black; /*  page background color  */
  color: white; /* text color */
  margin-bottom: 0px; /*  adjust the margin   */
  margin-top: 0px;
} /*  modifies the html tag    */

.diskcontent {
  background-image: url(/object/gameboydisk.png); /*  page background image  */
  background-repeat: no-repeat; /*  display the image only once  */
  background-position: center; /*  center the image  */
  background-size: cover; /*  cover the entire page with the image  */
  background-attachment: relative; /*  fix the image when the user scrolls  */
  width: 1000px;
  height: 600px;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid rgb(185, 34, 34);
  
}
.diskvignette {
  border: 1px solid rgb(51, 255, 0);
  margin-top: 180px;
}
h1 {
  text-align: center;
} /* modifies the h1 tag used as a header for the title   */

label {
  display: block;
  text-align: center;
} /*  modifies the label tag to center it   */

input {
  display: block;
  margin: auto;
} /* modifies the input tag to center it */

p {
  display: block;
  text-align: center;
} /* modifies the p tag to center it */

.titre {
  
}
/*.image {
 /* filter: invert();
 height: 15%;
 width: 15%;
}/* modifies the image class by giving it a height  
*/

.centre {
  margin-top: 60px;
  border: 0;
  line-height: 2.5;
  font-size: 1rem;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
  border-radius: 10px;
  background-color: rgba(220, 0, 0, 1);
  background-image: linear-gradient(
    to top left,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.2) 30%,
    rgba(0, 0, 0, 0)
  );
  box-shadow: inset 2px 2px 3px rgba(255, 255, 255, 0.6),
    inset -2px -2px 3px rgba(0, 0, 0, 0.6);
} /* modifies the center tag for the play button and gives it a texture */

.centre:hover {
  background-color: rgba(255, 0, 0, 1);
} /* used to give a physical appearance and maintain the button when clicked */

.centre:active {
  box-shadow: inset -2px -2px 3px rgba(255, 255, 255, 0.6),
    inset 2px 2px 3px rgba(0, 0, 0, 0.6);
} /* used for the center class for the edges when the button is active */

/* .tableausco {
 border: 1px solid #2e9e1257;
 height: 500px;
 width: 400px;
margin: auto;
background: rgb(1, 19, 3);
border-radius: 20px;
}   To be completed */

/*
.titre {
  background:rgba(75, 92, 51, 0.692);
  width: 10%;
  margin-left: 25%;
  margin-top: 0px;
  content: "";
  clip-path: polygon(98% 84%, 95% 91%, 89% 94%, 83% 98%, 73% 99%, 62% 100%, 52% 100%, 43% 100%, 32% 100%, 22% 100%, 12% 96%, 4% 93%, 0% 89%, 0% 82%, 0% 77%, 0% 70%, 4% 65%, 9% 63%, 15% 59%, 23% 57%, 30% 55%, 40% 52%, 53% 47%, 61% 45%, 66% 40%, 68% 36%, 68% 30%, 60% 26%, 50% 25%, 39% 26%, 33% 30%, 25% 33%, 18% 36%, 7% 35%, 3% 30%, 3% 22%, 4% 14%, 11% 11%, 20% 9%, 29% 9%, 34% 11%, 46% 13%, 52% 11%, 60% 14%, 72% 18%, 78% 22%, 81% 30%, 83% 40%, 82% 48%, 78% 55%, 72% 59%, 66% 62%, 56% 67%, 49% 69%, 40% 71%, 34% 72%, 29% 78%, 24% 81%, 34% 85%, 45% 81%, 58% 82%, 68% 81%, 78% 80%, 86% 79%);
}/* gives texture to the title */

div {
  border: 1px solid white;
}