.indexbody {
    background-color: black;
    color: white;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-family: roboto;
    justify-content: center;

    .wrapper {
        position: absolute;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        top: 50%;
        margin: 0;
        background-color: rgb(44, 44, 44);
        border-radius: 1em;
        padding: 1em;
        padding-bottom: 0.2em;
        max-width: 80%;

        .title {
            color: white;
        }

        .releasenotes {
            overflow: scroll;
            height: 10%;
            overflow-x: hidden;
            max-height: 10em;
            text-align: center;

            h2 {
                margin-bottom: 0.2em;
                margin-top: 0em;
            }

            p {
                margin-top: 0em;
            }
        }

        .startlink {
            border-radius: 4em;

            .startbutton {
                border-radius: 4em;
                background-color: rgb(44, 44, 44);
                border: none;
                color: white;
                transition: 0.5s;
                width: 6em;
                height: 3em;
                margin: 1em;
            }

            .startbutton:hover {
                cursor: pointer;
                transform: scale(1.04);
                background-color: rgb(60, 60, 60);
            }
        }
    }
}

.homebody {
    background-color: black;
    color: white;
    font-family: roboto;
    padding: 0em;
    margin: 0em;

    .navbar {
        position: fixed;
        z-index: 999;
        text-align: left;  
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        border-bottom-left-radius: 1.5em;
        border-bottom-right-radius: 1.5em;
        background-color: rgb(44, 44, 44);
        height: 6em;
        padding: 0em;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0em;
        align-items: center;
        text-align: center;

        h1 {
            margin: 0em;
        }

        .logoimage {
            height: 80%;
            max-height: 3em;
            padding-left: 4%;
        }

        .søkefelt {
            all: unset;
            /*border-radius: 0.4em;*/
            border-radius: 2em;
            /*border: 3px solid rgb(146, 146, 146);*/
            border: 2px solid rgb(146, 146, 146);
            background-color: rgb(44, 44, 44);
            color: white;
            /*height: 2.5em;*/
            height: 2em;
            /*outline: none;*/
            padding-left: 1em;
            padding-right: 1em;
            font-family: roboto;
            margin: 0.4em;
            /*display: none;*/
        }
    }

    .wrapperhome {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        text-align: center;
        justify-content: center;

        .homestation {
            background-color: rgb(44, 44, 44);
            width: 85%;
            margin-top: 2em;
            border-radius: 1em;
            padding: 1em;
            margin-bottom: 0em;
            /*border: 4px solid rgb(146, 146, 146);*/

            .homestationtitlelink {
                color: aliceblue;
                text-decoration: none;
                margin: 0em;

                .homestation-title {
                    margin: 0em;
                }
            }

            iframe {
                width: 100%;
                border: none;
                height: 12.5em;
                margin-bottom: 0em;
                padding: 0em;
                border-radius: 1em;
            }   
        }

        .hidden {
            display: none;
        }

        .homestation:first-child {
            margin-top: 8em;
        }
    }
}

@media only screen and (min-width: 600px) {
    .homebody {
        .navbar {
            height: 4em;
            display: flex;
            align-items: center;

            .søkefelt {
                margin-left: auto;
                transform: none;
            }
        }

        .wrapperhome {
            .homestation{
                iframe {
                    height: 20em;
                }
            }

            .homestation:first-child {
                margin-top: 6em;
            }
        }
    }
}

/*SNOWFLAKES FOR WINTER*/
/* customizable snowflake styling */
.snowflake {
  color: #fff;
  font-size: 1em;
  font-family: Arial;
  text-shadow: 0 0 1px #000;
}

@-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}