*{margin: 0;padding: 0;box-sizing: border-box;}
main{width: 95%;margin: 0 auto;padding:1% 2% 1% 2%;}
h1, h2, h3 {
    font-family: 'Atkinson Hyperlegible';
    font-weight: 700;
    font-style: normal;
}
p {
    font-family: "Atkinson Hyperlegible", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
}
code {
    font-family: "Josefin Slab", serif !important;
    font-size: 1em !important;
    font-weight: 600;
    color: ghostwhite;
    padding: 5px;
    background-color: darkcyan;
}

.eksempel{
    width: 150px;
    height: 150px;
    background-color: hotpink;
    transition: all 2s;
}

.size .eksempel:hover{
    width:300px;
}

.color .eksempel:active{
    background-color: lightgoldenrodyellow;
}

.kombi .eksempel:hover {width:300px;}
.kombi .eksempel:active {background-color: lightgoldenrodyellow;}

.easy > div {
    width: 10%;
    height:150px;
    background: hotpink;
    margin: 15px 0 15px 0;
    padding: 10px;
}
.easy > div:hover {
    width: 100%;
}

.easein {
    transition: width 2s ease-in;
}
.easeout {
    transition: width 2s ease-out;
}
.easeinout {
    transition: width 2s ease-in-out;
}
.bounce {
    transition: width 2s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%); 
}
.steps {
    transition: width 2s steps(6, end);
}
p a.fil {
    color: blue;
    filter: blur(10px) drop-shadow(0 0 0 rgb(96, 5, 50));
    transition: all .5s;
}

p a.fil:hover {
    filter: blur(0) drop-shadow(2px 2px 3px rgb(96, 5, 50));
}

p a.rot {
    transform: rotate(180deg);
    display: inline-block;
    transition: all .5s;
}

p a.rot:hover {
    transform: rotate(360deg);
    display: inline-block;
    transition: all .5s;
}