header>h1{
    color: blue;
    background-color: paleturquoise;
    text-align: center;
    border: crimson solid 10px;
    border-style: ridge;
    }
nav>ul{
    display: flex;
    list-style-type: none;
    justify-content: center;
    gap: 50px;
    margin: 10px auto;
}
    
nav>ul>li>a{
    padding: 10px 20px;
    display: block;
    border-radius: 15px;
    border: black solid 3px;
    box-shadow: black 10px 6px;
        
}
    
nav > ul > li > a:link{
    background-color: greenyellow;
}
nav > ul > li > a:visited{
    color: black;
    background-color: red;
}
nav > ul > li > a:hover{
    background-color: crimson;
}
    
nav > ul > li > a:active{
        color: white;
        background-color: crimson;
        box-shadow: black 1px 1px;
}
main>ul{
    height: 350px;
    background-color: blueviolet;
}
main>ul>li{
    background-color: rgb(229, 255, 0);
    border: black solid;
    height: 50px;
    width: 50px;
}
main>ul.uppgift1{
    display: flex;
}
main>ul.uppgift2{
    display: flex;
    justify-content: center;
    align-items: center;
}
main>ul.uppgift3{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
main>ul.uppgift4{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
main>ul.uppgift5{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.li1{
    flex-grow: 1;
}
.li2{
    flex-grow: 2;
}
.li3{
    flex-grow: 3;
}

.uppgift6{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.a{
    display: flex;
    justify-content: space-between;
    align-items:flex-end;
    flex-direction: column;
}
.uppgift7{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}