*{
padding:0px;
margin:0px;
box-sizing: border-box;

}


/*body {

    background-image: url(../img/coolcolorbackground.jpg);

}
*/
header > h1 {
    color:rgb(255, 87, 15);
    background-color:rgb(51, 173, 255);
    text-align: center;
    
    font-size: 70px;
    text-shadow: 10px;
    border-radius: 70px;
    border-color: black;
    font-family: "Audiowide", sans-serif;
   
    

}
main>h2{
text-align: center;



padding: 10px;
border: 3px solid black;


box-sizing: border-box;


}
main{
max-width: 600px;
margin:auto;
height: 500px;

}
main > ul {
list-style-type: none;
background-color: rgb(207, 47, 151);
height: 450px;


display: flex;
flex-direction:column;
justify-content:space-evenly;
flex-direction: row-reverse;
align-items: center;
flex-wrap: wrap;
align-content: center;
gap: 20px;

}



main > ul > li {
width: 100px;
height: 100px;
background-color: #ff920c;




}
p{
    color:rgb(0, 114, 124);
    text-align: center;

}
main > p#stycke1{
    background-color: rgb(145, 17, 204);


}

p#stycke2{
    background-color: rgb(255, 93, 68);


}

nav > ul{
display:flex;
list-style-type: none;
justify-content: center;
gap: 50px;
margin: 10px 0px;


}


nav > ul > li > a:link {
    background-color: white;
    color: black;
    border:white 2px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 15px;
    
    text-align: center;
list-style-type: none;
box-shadow: black 5px 4px;

  }
nav > ul > li > a:visited{

    max-width:600px;
    margin:auto;
    text-align: center;
    padding: 10px;

}

nav > ul > li > a:hover{


border: 4px;


}

nav > ul > li > a:active{
    background-color: rgb(8, 50, 58);
    box-shadow: black 3px 2px;

}

nav > ul > li > a:link{
    
background-color:beige

}


img {
    text-align:center;
    border-radius: 90px;
    border-color: rgb(233, 18, 18);
    display: block;
    margin: auto;
    box-sizing: border-box;
}

a{

    text-align: center;
    max-width: 600px;
    margin:auto;    
}

/* https://www.w3schools.com/Css/tryit.asp?filename=trycss_link_advanced2 */

  
  a:hover, a:active {
    background-color: rgb(79, 223, 223);
    color: white;
  }

a{

    text-align: center;
}

footer{
color:#ff920c

}