/** Général **/
html{
    cursor: url('Images/arrowhead-rounded-outline.svg') 0 0,auto;
}

body{
    background-color: #FFDAB7;
    overflow-x: hidden;
}

.container2{
    display: grid;
    margin: 100px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr ;
}

/** Police d'écriture **/
@font-face { /** Import **/
    font-family: 'JetBrains Mono';
    src: url('JetBrainsMono-ExtraBold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face { /** Import **/
    font-family: 'JetBrains MonoNormal';
    src: url('JetBrainsMono-Light.woff2') format('woff2');
    font-style: normal;
}

h1 {
    /* H1 */
    font-family: "JetBrains Mono";
    font-size: 6vw;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

h2 {
    /* H1 */
    font-family: "JetBrains Mono";
    font-size: 2vw;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    color: white;
}

h3 {
    /* H1 */
    font-family: "JetBrains Mono";
    font-size: 3.5vw;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    color: white;
}

p{
    /* P */
    font-family: "JetBrains MonoNormal";
    font-size: 2vw;
    font-style: normal;
    line-height: normal;    
}

/** Header de la page**/
.header{ 
    display: flex;
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: white;
}

header{
    display: flex;
    position: relative;
    justify-content: space-around;
    margin-top: 2vw;
    margin-left: 10%;
    margin-right: 10%;
    z-index: 3;
    border: solid;
    border-color: white;
    border-radius: 20px;
}

header a{
    /* H4 */
    font-family: "JetBrains Mono";
    font-size: 3vw;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.my-picture{
    width: 50%;
    justify-self: center;
    align-self: center;
    text-align: center;
}

.text{
    justify-self: center;
    align-self: center;
    display: grid;
}