.w3-card.w3-white
{
    border-radius: 5%;
}

.w3-row-padding.w3-padding-64
{
    background-color: darkcyan;
    
}

.w3-container.w3-padding-32.w3-center
{
    background-color: black;
}

h4
{
    color: white;
}

.w3-container.w3-display-container
{
    background: url(images/asie4.jpg);
    border: 1mm ridge darkcyan; 
}

#id01>div>div
{
    background: url(images/asie4.jpg);
    border-left: 1mm ridge darkcyan;
    border-right: 1mm ridge darkcyan;
    border-bottom: 1mm ridge darkcyan;
}

h2
{
    font-weight: bolder;
}

.lecteur
{
    transition: all 1s ease;
    height: 24%;
    width: 24%;
    margin-bottom: 1em; 
}


.lecteur:hover
{
    transition: all 1s ease;
    transform: scale(6) translateX(40%);
}

.React
{
    transition: all 1s ease;
    height: 24%;
    width: 24%;
    margin-bottom: 1em; 
}

.React:hover
{
    transition: all 1s ease;
    transform: scale(4) translateX(40%);
}


h3
{
    font-weight: bolder;
}

#photo
{
    margin-left: 10%;
}

h5
{
    font-weight: bold;
    color: darkcyan;
}