body {
    background-image: url(nature.jpg);
    background-size: cover;
    background-repeat:no-repeat;
    background-attachment: fixed;
}
header {
    background: rgb(230, 230, 230, 0.8);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    width: 100%;
    position: fixed;
    top: 0px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
{
    position: fixed;
    margin: -28px 480px
}
/*
nav1 a{
    text-decoration: none;
    color: #000;
    background: rgb(230, 230, 230, 0.8);
    padding: 10px 90px;
    margin: 20px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
}
nav1 a.active{
    background: #fff;
}
nav1 a:hover{
    background: #fff;
}
*/
div.content{
    width: 800px;
    margin: 0px auto;
}
img.pfp{
    width: 130px;
    display: inline-block;
    border-radius: 100px;
    float: right;
    margin: 20px 40px 0px 0px;
}
main{
    background: rgb(250, 250, 250, 0.8);
    padding: 10px 0px 100px;
    width: 800px;
    margin: auto;
    margin-top: 200px;
    border-radius: 50px;
}
h1 {
    color: white;
    display: inline-block;
     text-shadow:
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    text-align: center;
    font-family: Georgia, serif;
    font-style: oblique;
    font-size: 90px;
    padding: 30px;
    margin: 0px;
}
h2 {
    color: white;
    text-shadow:
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    font-family: Helvetica;
    font-size: 50px;
    text-align: center;
}
h3 {
    color: white;
    text-shadow:
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    font-family: Helvetica;
    font-size: 20px;
    display: inline;
    margin: 0px 50px;
}
h4 {
    color: white;
    text-shadow:
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    font-family: Helvetica;
    font-size: 20px;
    display: inline;
    margin: 0px 100px;
}
h5 {
    color: white;
    text-shadow:
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    font-family: Helvetica;
    font-size: 20px;
    display: inline;
    margin: 0px 75px;
}
h6{
    color: white;
    text-shadow:
        -1px -1px 0 #000,  
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    font-family: Helvetica;
    font-size: 20px;
    display: inline;
    margin: 0px 130px;
}
nav{
    margin:  130px 0px;
}
nav a {
    font-family: Helvetica;
    font-size: 20px;
    text-decoration: none;
    border: 5px solid white;
    color: black;
    background: rgb(250, 250, 250, 0.8);
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.pokemon:hover {
    border: 5px solid white;
    background-image: url(choose_pokemon2.jpg);
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.ankor:hover {
    border: 5px solid white;
    background-image: url(jojoduck3.jpg);
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.snabb:hover {
    border: 5px solid white;
    background-image: url(kung_carl2.jpg);
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.webbhistoria:hover {
    border: 5px solid white;
    background-image: url(internetx.jpg);
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.frukt:hover {
    border: 5px solid white;
    background-image: url(apple.jpg);
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.kursinfo:hover {
    border: 5px solid white;
    background-image: url(dogdog.jpg);
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.responsive:hover {
    border: 5px solid white;
    background-image: url(responsive.jpg);
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}



nav a.js1:hover{
    border: 5px solid white;
    background: pink;
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.js2:hover{
    border: 5px solid white;
    background: lightyellow;
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.js3:hover{
    border: 5px solid white;
    background: lightgreen;
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}

nav a.fem:hover{
    border: 5px solid white;
    background: #BDAA42;
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.poker:hover{
    border: 5px solid white;
    background: #19662c;
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.spelare:hover{
    border: 5px solid white;
    background: blue;
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.media:hover{
    border: 5px solid white;
    background: lightblue;
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.chess:hover{
    border: 5px solid white;
    background: black;
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}
nav a.space:hover{
    border: 5px solid grey;
    background: "green";
    border-radius: 10px;
    padding: 100px;
    margin: 26px;
}