/* Reset default styles */
html, h1, h2, p {
    margin: 0;
    padding: 0;
    max-width: 100%;
}

body {
    text-align: center;
    align-content: center;
    padding: 1.5rem;
    background-image: url(61.jpg);
    position: flex;  
    height: max-content;
    /* width: max-content; */
    max-width: 100%;
    display: block;
    /* position: absolute; */
    justify-content: center;
    justify-items: center;
    align-items: center;
    background-repeat: no-repeat;
    background-color: black;
    margin-top: 15%;
  
}


.fullname {
    /* padding: 1rem; */
    font-family: "Anton", sans-serif;
    color: rgb(255, 255, 255);
    font-size: 3rem;
}

.sous {
    font-family: "Anton", sans-serif;
    color: rgb(255, 255, 255);
    font-size: 1.5rem;
}

.contact {
    margin-top: 1rem;
    font-family: "Anton", sans-serif;
    font-size: 1.2rem;
    color: rgb(255, 255, 255);
}


/* Responsive design: adjust layout for smaller screens */
/* @media only screen and (max-width: 300px) {
    body {
        text-align: center;
        align-content: center;
        padding: 1rem;
        background-image: none;
        background-color: black;
        background-repeat: no-repeat;
        margin-top: 25%; 
        width: 100%;   
        
        /* font-size: 25px; */
        /* font-family: "Anton"; */
    /* }
    .fullname .sous .contact {
        font-size: 25px; */
        /* padding: 1rem; */
    }
} */
/* @media only screen and (max-width: 600px) {
    body {
        text-align: center;
        align-content: center;
        padding: 1rem;
        background-image: none;
        background-color: black;
        background-repeat: no-repeat;
        margin-top: 25%; 
        width: 100%;   
        
        /* font-size: 25px; */
        /* font-family: "Anton"; */
    }
    .fullname .sous .contact {
        font-size: 25px;
        /* padding: 1rem; */
    }
} */