*{
    font-family: arial;
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

body{
    background-color: rgb(1, 78, 79);
}

header>h1{
    text-align: center;
    color:rgb(223, 58, 146);
    font-size: 72px;
    font-family:   sans-serif;
    background-color: aqua;

}


nav > ul{
    max-width: 600px;
    margin: 10px  auto;
    display: flex;
    list-style-type: none;
    justify-content: space-between;
    gap: 50px;
}
nav > ul > li > a{
    color: black;
    padding: 10px 20px;
    display: block;
    border-radius: 15px;
    border: black solid 3px;
    box-shadow: black 10px 6px;
}

nav > ul > li > a:link{
    background-color: yellow;
}
nav > ul > li > a:visited{
    background-color: red;
}
nav > ul > li > a:hover{
    background-color: green;
}
nav > ul > li > a:active{
    color:white;
    background-color: rgb(46, 46, 46);
    box-shadow: black 1px 1px;
}

nav > ul > li > a.act{
    background-color: aquamarine;
}

main{
    padding: 30px 40px;
    background-color: beige;
}
main > article > section > ul{
    list-style-type: none;
    list-style-type: disc;
}
main > article > section > ol{
    list-style-type: none;
    list-style-type: lower-alpha;
}
main>p#stycke1{
    background-color: aquamarine;
}
#stycke2{
    background-color: lightcoral;
}
main>p.stycke{
    background-color: lightgrey;
}
main>div{
    background-color: blue;
    margin: 30px;
}
main>div>h1{
    font-size: 46px;
    color: bisque;
}
main>div>h1+p{
    padding: 20px 40px;
    color: aliceblue;
}
footer{
    background-color: lightblue;
}