body {
    background-color: black;
    color: white;
    font-family: /*'Poppins', sans-serif;*/ Helvetica, sans-serif;
    /*display: grid;
    grid-template-columns: 1fr 1fr;*/
    grid-column-start: 1;
    line-height: 1.2;
    padding: 15px;
    margin: 24px;
    gap:24px;
}

svg{size:100px;}

.bonus{font-size:60px;}
img{
    display: block;
    max-width:100%;
    height: auto;
}
h1.logo{
    font-size: 65px;
    grid-column: 1/-1;
    line-height:1;
}
 .cat{color:grey;}

nav a {
    text-decoration: none;
    color: blue;
}
.here {text-decoration:underline;}
ul {
    list-style: none;
}
.projets a {
    text-decoration: none;
    color: blue;
}
a {
    text-decoration: none;
    color: blue;
}

.perec {
    font-style: italic;
}

.bb {
    font-style: italic;
}

.font {
    font-style: italic;
}


.home>a {
    background: #00f;
}

.lab>a{
    background: #00f;
}

.nb{
    mix-blend-mode: multiply;
    transition: 0.4s;

}

.nb:hover {
    mix-blend-mode: normal;
}

@media (min-width:200px) {
    .home{
        padding: 24px;
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 24px;
        
    }

@media (min-width:960px) {
    .home{
        padding: 20px;
        grid-template-columns: 1fr 1fr;
    
    }

.linkz>nav {text-align:right;}
.nav {
    grid-column-start: 2; text-align:right;
}
.creds {
    font-size: 18px;
    text-align:right;
    grid-column:2;
}