/*
Consider these source files and what they come with under CC0 license, appart from the 'documents' folder and its content.
(Audio and visual assets, alongside with the source file, are free to use in any project.
They come without any garanty, so no responsability against their author could be held in case they are used.)

Considérez ces fichiers sources et les éléments annexes comme étant sous license CC0, hormis le dossier 'documents' et ce qu'il contient.
(Les ressources audio et visuelles, ainsi que les fichiers sources, peuvent être réutilisés dans n'importe quel projet.
Ceci n'implique strictement aucune garantie, et aucune responsabilité de leur auteur ne pourrait être retenue dans le cas de leur utilisation.)
*/

.image_button{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;    
    color: #d4d5d6;
    font-size:300%;
    border: none;
    cursor: pointer;
}


.left {
    left:0;
    background-repeat: no-repeat;
    background-image: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,1)), url(/00_Assets/img_button_pdf.png);
    background-size: 200%;
    background-position: left 0% top 0%;
    transition : background-size 0.5s, background-position 0.5s;
}
.left:hover{
    background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), radial-gradient(rgba(0,0,0,0), rgba(0,0,0,1)), url(/00_Assets/img_button_pdf.png);
    background-size: 260%;
    background-position: left 10% top 10%;
}
.right {
    left:50%;
    background-repeat: no-repeat;
    background-size: 200%;
    background-position: left 0% top 0%;
    transition : background-size 0.5s, background-position 0.5s;
}
.right:hover{
    background-size: 260%;
    background-position: left 10% top 10%;
}

.top {
    height: 50%;
    background-image: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,1)), url(/00_Assets/img_button_game_pointandclick.png);
}
.top:hover{
    background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), radial-gradient(rgba(0,0,0,0), rgba(0,0,0,1)), url(/00_Assets/img_button_game_pointandclick.png);
}

.bottom {
    top: 50%;
    height: 50%;
    background-image: radial-gradient(rgba(0,0,0,0), rgba(0,0,0,1)), url(/00_Assets/img_button_game_platformer.png);
}
.bottom:hover{
    background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)), radial-gradient(rgba(0,0,0,0), rgba(0,0,0,1)), url(/00_Assets/img_button_game_platformer.png);
}


.icon{
    max-width: 10%;
    max-height: 10%;
}