* {
    font-family: "Space Mono", monospace;
}

body {
    margin: 0;
    padding: 0;
    background-color: white;
}
.top {
    color: #383b42;
    background-color: white;
    padding: 1vh;
    display: flex;
    align-items: center;
}
.siteButton {
    color: black;
    text-decoration: none;
}

.siteButton:hover {
    background-color: #20bc9c;
    color: white;
    text-decoration: none;
}

.navbuttons a {
    padding: 5px;
    width: 50%;
}

.navbuttons {
    padding-right: 25%;
}

.space {
    width: 33.33%;
}

.title {
    width: 33.33%;
}

.hej {
    color: white;
    background-color:#365563;
    min-height: 60vh;
    padding: 4% 5px 0px 4%;
    display: flex;
    
}

.valkommen {
    font-size: 40px;
}

.lasa {
    font-size: 20px;
}

.imgKevin {
    display: flex;
    padding-bottom: 20%;
}

.hej2 {
    padding-left: 20%;
}

.omMig {
    padding: 5% 10% 10% 10%;
}

.textLinje {
    display: block;
    width: 46%;
    height: 3px;
    background: black;
    margin: 20px;
    margin-left: 1%
}

.textLinjeFor {
    display: block;
    width: 20%;
    height: 3px;
    background: black;
    margin: 20px;
    margin-left: 1%
}

.textLinjeM {
    display: block;
    width: 42%;
    height: 3px;
    background: black;
    margin: 20px;
    margin-left: 1%
}

.textLinjeUtb {
    display: block;
    width: 25%;
    height: 3px;
    background: black;
    margin: 20px;
    margin-left: 1%
}

footer {
    background-color: #365563;
    color: white;
    text-align: center;
    padding: 1rem 0;
    bottom: 0;
    width: 100%;
}

.hej2Fore {
    padding-left: 20%;
    padding-right: 5%;
}