@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;
}