*{
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;
background-color: rgb(7, 114, 255);
margin:auto;


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

}
main > p#stycke1{
    background-color: rgb(110, 11, 156);


}

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


}
main > p{
    background-color: #e68a1a;


}

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

}




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:link, a:visited {
    background-color: white;
    color: black;
    border:white 2px;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-align: center;
  }
  
  a:hover, a:active {
    background-color: rgb(79, 223, 223);
    color: white;
  }

a{

    text-align: center;
}

footer{
color:#ff920c

}