.overskrift1
{
    background-color: blue; color: yellow;
}

.overskrift2
{
    color: white; background-color: brown
}

.overskrift3
{
    color: black; background-color: pink;
}
.avsnitt1
{
    color: white; background-color: orange ; margin: 30px;
}
a:hover{
    color: blueviolet; background-color: greenyellow;
}

.avsnitt2
{
    font-size: larger;
}
.avsnitt3
{
    font-size: small;
}
.aarstider 
{
   color: green; 
}
.aarstide-av
{
    color: red;
}
.s
{
  background-color: yellow;
}

.liste
{
   background-color: whitesmoke;
}
.overskrift
{
    font-size: x-large;
}
.overskriftf 
{
    color: blue;
}
.border 
{
    border: 10px;
    border-color: rebeccapurple;
    border-style: solid;
}
.bilde1
{
    border: 10px;
    border-color: aqua;
    border-style: ridge;
}
.bilde2
{
    border: 20px;
    border-color: chartreuse;
    box-shadow:10px 4px 3px red;
    
}
.bilde3
{
    box-shadow: 5px 2px 1px crimson;
}
.bilde4
{
    border: 15px;
    border: yellow;
    border-style: ridge;
}
.square-image {
    width: 200px;
    height: 200px; 
    border-radius: 50%; 
    overflow: hidden; 
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.5);
}