h3{
    font-size: 1em;
}
b{
    font-size: 3em;
}
.grid-container1 {
    display: grid;
    grid-template-columns: repeat(5, 100px);
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    gap: black 1px;
    border: black solid 1px;
}
.grid-container1 > div{
    border: black solid 1px;
    padding: 5px;
}
#bildformat1 {
    grid-column: 1 / 7;
    background-color: rgb(107, 107, 107);
    color: antiquewhite;
    text-align: center;
}
#rastergrafik {
    grid-column: 1 / 7;
    background-color: gray;
}
#text1 { 
    grid-column: 1 / 3;
    background-color: lightgray;
}
#text2 { 
    grid-column: 3 / 5;
    background-color: lightgray;
}
#text3 { 
    grid-column: 5 / 7;
    background-color: lightgray;
}
#vektorgrafik1 {
    grid-column: 1 / 7;
    background-color: gray
}
#text4 {
    grid-column: 1 / 4;
    background-color: lightgray
}
#text5 {
    grid-column: 4 / 7;
    background-color: lightgray
}
#Jesper {
    grid-column: 1 / 7;
    background-color: gray;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}




.grid-container2 {
    display: grid;
    grid-template-columns: repeat(5, 1fr); 
    width: 800px;
    margin: 0 auto;
    border: 1px solid black;
    gap: 1px;
    background-color: black; 
}

#bildformat2 {
    grid-column: 1 / 7;
    background-color: rgb(107, 107, 107);
    color: antiquewhite;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0;
}

#rastergrafik2 {
    grid-column: 1 / 4;
    background-color: gray;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}

#vektorgrafik2 {
    grid-column: 4 / 7;
    background-color: gray;
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
}

#ruta1 {
    grid-column: 1 / 2;
    background-color: lightgray;
    padding: 10px;
}
#ruta2 {
    grid-column: 2 / 3;
    background-color: lightgray;
    padding: 10px;
}
#ruta3 {
    grid-column: 3 / 4;
    background-color: lightgray;
    padding: 10px;
}

#ruta4 {
    grid-column: 4 / 5;
    background-color: lightgray;
    padding: 10px;
}
#ruta5 {
    grid-column: 5 / 6;
    background-color: lightgray;
    padding: 10px;
}