@font-face {
    font-family: 'Minecraftia';
    src: url('ressources/Minecraftia-Regular.ttf');
   }
html {
    background-image: url('ressources/dirt-bg.png');
    background-repeat: repeat;
    background-size: 64px; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}
body {
	background-image: url('ressources/spruce_wood.png');
    background-repeat: repeat;
    background-size: 64px; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    color: black;
    margin: 0;
    padding: 20px;

    width: 75%;
    margin-left: auto;
    margin-top: 50px;
    margin-right: auto;
    margin-bottom: 50px;
    font-family: 'Minecraftia', Arial, sans-serif;
    -webkit-font-smoothing: none;
    -moz-osx-font-smoothing: grayscale;
    border: 10px solid #1f1f1f;

}
ul {
	list-style-type: square;
}
footer {
    background-image: url('ressources/bedrock.png');
    background-repeat: repeat;
    background-size: 64px; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    min-width: 0;
    color: white;
    margin: 25px;
    padding: 25px;
    border: 5px solid rgba(0,0,0,0.77);
}
.cadre1 {
	background-image: url('ressources/white_wool.png');
    background-repeat: repeat;
    background-size: 64px; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    min-width: 0;
    color: black;
    border: 5px solid rgba(0,0,0,0.77);
    margin: 25px;
    padding: 25px;
}
.cadre2 {
    background-image: url('ressources/oak_wood.png');
    background-repeat: repeat;
    background-size: 64px; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    width: 100%;
    color: white;
    margin: 25px;
    padding: 25px;
    text-shadow: 2px 2px 2px rgba(0,0,0,1);
}
.galerie {
    display: flex;
    width: 100%;
}

.galerie a {
    width: 50%;
}

.galerie img {
    width: 100%;
    height: auto;
    display: block;
    transition: filter 0.2s;
}

.galerie img:hover {
    filter: brightness(1.2);
    cursor: pointer;
}
.menu-principal {
    margin: 25px;
    margin-left: auto;
    margin-right: auto;
    float: left;
    width: 250px;
    z-index: 1;
	list-style-type: none;
  	padding: 5px;
    display: inline-grid;
}

.menu-principal a {
    background-image: url('ressources/button.png');
    background-size: 100% 100%; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
  	display: block;
  	color: white;
    margin-bottom: 10px;
  	text-align: center;
  	text-decoration: none;
  	padding: 15px;
}

.menu-principal a:hover {
    background-image: url('ressources/button-hover.png');
    background-size: 100% 100%; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
}

.user-menu {
    padding: 15px;
    list-style-type: none;
    background-image: url('ressources/blue_wool.png');
    background-repeat: repeat;
    background-size: 64px; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    border: 5px solid rgba(0,0,0,0.77);
    color: white;
}

.user-menu a {
    background-image: url('ressources/button.png');
    background-size: 100% 100%; 
    image-rendering: pixelated;
    image-rendering: crisp-edges;
    text-decoration: none;
    padding: 5px;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}
.user-menu a:hover {
    background-image: url('ressources/button-hover.png');
}
.content {
    top: 0;
    margin-left: 260px;
    list-style-type: none;
    padding: 5px;
}

.myButton {
    background-color: white;
    border:1px solid #dcdcdc;
    cursor:pointer;
    color:black;
    font-family: 'Minecraftia', Arial, sans-serif;
    font-size:15px;
    font-weight:bold;
    padding: 3px;
}
.myButton:hover {
    background-color: MidnightBlue;
    color: yellow;
}