@font-face {

    font-family: 'ibm';
    src: url("/font/IBMPlexMono-ExtraLight.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}


.parent {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 0.5fr);
    gap: .2em ;
  
}
    
.div1 {
    grid-column: span 2 / span 3;
  
}


.div7 {
    grid-column: span 2 / span 2;
    grid-row-start: 2;
}


.div9 {
    grid-column-start: 3;
    grid-row-start: 1;


}


   

        

.mainpage {
    text-align: left;
    font-family: 'ibm';

    color: rgb(0, 0, 0);
    font-size: 2em;
}

.aboutme {
font-family: 'ibm';
    color: rgb(0, 0, 0);
    font-size: 2rem;
    text-align: left;
}

.impressum {
font-family: 'ibm';
    color: rgb(0, 0, 0);
    font-size: 1rem;
    text-align: left;
}

.text3 {
    margin: 0;
}

.text4 {
margin: 0;

}

.text5 {

}

.text6 {
    font-size: .5em;
}




     img {
  max-height: auto;
  width: 100%;

}



.link {
    color: black;
}