/* Contexte */
*
{
    margin:0px;
}

body {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 0.1fr 2fr 0.1fr;
    font-family: 'Manrope', sans-serif;
    font-size: 1.1em;
    background: linear-gradient(#fffcdc,#ffc3a0);
    background-size:contain;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
}

a
{
    color: rgb(201,70,22);
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

p
{
    margin: 20px;
    text-justify: auto;
    text-align: justify;
    width: 100ex;
}

/* Header */
header{

    /* background */
    background: #ffc3a0;
    border-right: solid 2px  rgb(201,70,22);
    border-top: solid 2px  rgb(201,70,22);
    border-bottom: solid 2px  rgb(201,70,22);
    border-radius: 0 5% 5% 0;

    /* position */
    grid-column: 1/2;
    grid-row: 1/4;
    padding-left: 20px;
    padding-right: 20px;
    
    /* structure */
    display: grid;
    grid-template-rows: 0.85fr 0.85fr 0.85fr 0.85fr;
}

.photo{
    text-align:center;
}

#photo {
    border : solid 2px rgb(201,70,22);
    height : 100px;
    width: 100px;
    object-fit: cover;
    border-radius : 80px 80px 80px 80px;
    margin: 20px;
}

#photo:hover
{
    opacity: 0.6;
}

h1{
    font-size: 3em;
    color: #fffffc ;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
}

.blockone,.blocktwo,.blockfour
{
    margin:0 0 60px 10px;
}

.blockthree
{
    margin: -40px 0 60px 10px;
}

h2
{
    text-decoration:underline;
}

#github,#gitlab
{
    width:50px;
    height:50px;
    margin:10px;
}

#hal
{
    width:30px;
    height:20px;
}

/* Navigation */

nav
{
    display:flex;
    justify-content: space-around;
    align-items: center;
    grid-column:2/3;
    grid-row:1/2;
}

.blocknav
{
    font-size: 1.5em;
}

/* Main */
main
{
    display:flex;
    flex-direction:column;
    font-size: 1.1em;
    grid-column: 2/3;
    grid-row: 2/3;
    width:80%;
    height:100%;
    margin:auto;
    padding:100px;

}

.blockmain
{
    margin-top:40px;
    font-size:0.9em;
}

/* Footer */
footer
{
    grid-column: 1/3;
    grid-row: 3/4;
    text-align: center;
}