@charset “UTF-8”;

body {

margin: 0;
padding: 0;
font-size: 20px;
font-family: sans-serif;
line-height: 1.3;

}

a#link {

color: white;
font-size: 25px;
margin: 0.5rem;

}

.active {

background-color: #1a2d52;
// background-color: #ff8400;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
padding: 10px;

}

div.page {

height: 100vh;
display: grid;
grid-template-rows: 500px 12fr 100px;
grid-template-columns: 6fr;
grid-template-areas: 'header'
                     'mainContent'
                     'footer';

}

div.header {

grid-area: header;
overflow: hidden;
display: flex;
align-content: flex-start;
align-items: flex-start;
justify-content: space-between;

} div.bgi {

background-image: url(images/office.jpg);    
background-size: cover;
background-attachment: fixed;
background-position: center;

} div.tint {

background-color: #ff8400;
background-blend-mode: multiply;

}

div.logo {

z-index: 2;
flex-grow: 0;

} div.Links {

color: white;
z-index: 2;
flex-grow: 2;
max-height: 5rem;

}

div.mainContent {

grid-area: mainContent;
display: flex;
align-content: flex-start;
align-items: flex-start;

}

div.footer {

grid-area: footer;
background-color: #1a2d52;

}

div.sKButton {

transition: all 0.5s;
cursor: pointer;
font-size: 35px;
text-align: center;
color: white;

}

div.sKButton span {

cursor: pointer;
display: inline-block;
position: relative;
transition: 0.5s;

}

div.sKButton span:after {

font-family: "Font Awesome 5 free"; font-weight: 900; content: "\f061";
position: absolute;
opacity: 0;
top: 0;
right: -65px;
transition: 0.5s;

}

div.sKButton:hover span {

padding-right: 55px;

}

div.sKButton:hover span:after {

opacity: 1;
right: 0;

}

.nyhetsBlokk {

background-color: #868686;
margin: 0.5rem;
padding: 0.3rem;
text-align: center;
flex-grow: 1;
min-width: 300;

}