body {
    background-color: white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin: 0;
    padding: 0;
}
header {
    background-color: rgb(47, 181, 194);
    border-radius: 7px;
    text-align: center;
    padding: 20px;
    display: flex;
    align-items: center; 
    justify-content: space-between;
}

header h1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

header * {
    margin: 0;
    padding: 0;
}

.home {
    height: 50px;
    width: auto;
    transition: 0.2s ease;
}

.home:hover{
    transform: scale(1.05);
}

/*page acceuil*/

.access{
    display: flex;
    padding: 20px;
    position: relative;
    justify-content: center;
}

.btn {
    display: inline-block;
    background-color: rgb(47, 181, 194);
    text-decoration: none;
    padding: 20px 30px;
    color: white;
    font-size: large;
    border-radius: 15px;
    transition: 0.2s ease;
}

.btn:hover {
    transform: scale(1.05);
}

/*biographie (home)*/
.bio-row {
    display: flex;
    align-items: center;
    gap: 20px;
    max-width: 650px;
    margin: 30px auto;
    padding: 20px;
    background-color: rgb(47, 181, 194);
    color: white;
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

/* Image rectangulaire simple + arrondie + plus grande */
.bio-photo-row {
    width: 150px;
    height: 250px;
    object-fit: cover;
    border-radius: 15px;  
    border: 4px solid white; 
}



/* page jeu */
.catalogue {
    display: flex;
    justify-content: center; 
    flex-wrap: wrap;
    align-items: center; 
    padding: 15px;
    gap: 20px;
}

.game {
    width: 300px;
    height: 200px;
    border: 2px solid #5166c5;
    justify-content: center;
    align-items: center;
    overflow: hidden; 
    transition: 0.2s ease;
    border-radius: 13px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
}

.game img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.game:hover {
    border: 2px solid green;
    transform: scale(1.1);
}