@font-face {
  font-family: 'pixeloperator';
  font-style: normal;
  font-stretch: normal;
  font-weight: normal;
  src: url('ASSETS/fonts/pixel_operator/PixelOperatorMono.ttf') format('truetype');
  font-display: fallback;
}


.g_background{
    background-color: #462925;
    background-image: url(ASSETS/bg_2.png)
}

.g_intro{
    padding:10px;
}

.g_header{

}

.g_button{
    background-color: #151d1E;
}

.g_intro{

}

.g_scroller{

}

.g_rubrique{
    display:flex;
    flex-direction: row;
    border-left: 2px dotted #d4b48d;
    margin-left: 10px;
    padding-left: 15px;

}

.g_comm_picture{
    max-height:100%;
    margin:5px;
}

.g_picture{
    object-fit: cover;
    width: 120px;
    height: 120px;

    margin:5px;
    
}

.g_picture:hover{
    transform: scale(1.2);
}

.g_comm_textblock{
    width:50vw;
    border-left: 2px dashed #d4b48d20;
    margin-left: 10px;
    padding-left: 10px;
}

.g_artgrid{
    display: flex; 
    overflow-x: scroll; 
    scrollbar-color: #455145 #151D1E;
    scrollbar-width: thin;    
    padding-bottom: 2px;

}
.g_display{
    display: flex; 
    flex-wrap:wrap;
    padding-bottom: 2px;

}

h3{
    font-family:'pixeloperator';
    color: #fff;
    font-size:35px;

}

article{
    background-color:#151d1E;
    margin:5px;
    padding:5px;

}

p{
    color:#d4b48d;
    font-family:'pixeloperator';
}

a{
    font-family:'pixeloperator';
    font-weight: bold;
    color:#d37229;
    text-decoration: none;
}

a:hover{
    color:#d4b48d;
}

li{
    list-style-type:"✦ "
}

ul{
    color:#d4b48d;
    font-family:'pixeloperator';
}

hr{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #d4b48d;
    margin: 1em 0;
    padding: 0;
}