body {background-color:#1e1e1e;}
.background-container {position:fixed;width:100%;height:100%;z-index:0;}
.background-image {position:fixed;width:100%;height:100%;opacity:1;}
.background-image-overlay {width:100%;height:100%;background-color:#1e1e1e;opacity:0.75;}
.background-lrune {position:fixed;top:0;left:0;width:25%;height:100%;opacity:1;text-align:left;overflow:hidden;}
.background-rrune {position:fixed;top:0;right:0;width:25%;height:100%;opacity:1;text-align:right;overflow:hidden;}
.background-rune-overlay {width:100%;height:100%;background-color:#1e1e1e;opacity:0.75;}
.background-content-underlay {display:inline-block;width: 60%;height: 100%;left: 50%;transform: translateX(-50%);top:0;position: fixed;background-color:#333;}

#header {all:unset;position:fixed;z-index: 2;top: 0;font-size:0.7rem;font-weight: 700;width: 100%;height: 4rem;}
#header, #header .logo img, #header .logo svg, #header .navbar-section, .default-animation, .modular-features .feature-icon, .modular-features.small .feature-icon i {
transition: all 0s ease;transition-property: all;transition-duration: 0s;transition-timing-function: ease;transition-delay: 0s;}#header ul {margin:50px;font-size: 25px;}
#header ul li a{color:white;font-family: 'norsebold', Arial, sans-serif;text-transform: lowercase;}.content-logo {margin:25px 100px 25px 100px;} 
#header ul li a .active{color:#7fd2f2;}#header ul li a:hover:not(.active) {color: #7fd2f2;}#header ul li a:hover {color: #7fd2f2;}
#footer {all: unset;padding: 0rem 0rem 0;opacity:1;background-color:#ffffff00 !important;display: flex;flex-flow: column;height: 100%;text-align:center;}
.navbar {background-color:#333;}


.text-rune {font-family: 'rune', Arial, sans-serif;text-transform: lowercase;}
.text-norse {font-family: 'norse', Arial, sans-serif;text-transform: lowercase;}
.text-vertical {writing-mode: vertical-lr;text-orientation: upright;}
.text-block {text-align: justify;text-justify: inter-word;}
.text-center {text-align: center;}
.text-highlight {}
.text-bold {font-style: normal;font-weight: 800;}



@font-face{ 
  font-family: 'rune';
  src: url(../fonts/rune.ttf) format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;	
}

@font-face{ 
  font-family: 'norse';
  src: url(../fonts/norse.otf) format('truetype');
  font-style: normal;
  font-weight: 400;
  font-display: swap;	
}

@font-face{ 
  font-family: 'norsebold';
  src: url(../fonts/norsebold.otf) format('truetype');
  font-style: normal;
  font-weight: 800;
  font-display: swap;	
}