h1{
    background-color: black;
    text-align: center;
    font-size: 40px;
    color: red;
    padding: auto;
    margin: auto;
    
}

nav > ul{
    display: flex;
    justify-content: center;
    gap: 50px;
    margin: 10px 0px ;
}


/* Lektion 11 */
main{
    height: 4000px;
}

main > ul{
    height: 10%;
}

main > ul > li{
    background-color: tomato;
    width: 100px;
    height: 100px;
}

/* Uppgift 1 */
main > ul.uppgift1{
    display: flex;
}

/* Uppgift 2 */
main > ul.uppgift2{
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Uppgift 3 */
main > ul.uppgift3{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

/* Uppgift 4 */
main > ul.uppgift4{
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: space-between;
}

/* Uppgift 5 */
main > ul.uppgift5{
    display: flex;
}

main > ul > li.li1{
    flex-grow: 2;
    background-color: green;
}
main > ul > li.li2{
    flex-grow: 1;
    background-color: red;
}
main > ul > li.li3{
    flex-grow: 1;
    background-color: blue;
}

/* Uppgift 6 */
main > ul.uppgift6{
    display: flex;
    justify-content: space-between;
}

main > ul > li.li4{
    display: flex;
    flex-direction: column;
    width: 300px;
}
main > ul > li.li5{
    display: flex;
    flex-direction: column;
    width: 300px;
}
main > ul > li.li6{
    display: flex;
    flex-direction: column;
    width: 300px;
}

/* Uppgift 7 */