body {background-color:#c8deff;font-family:Trebuchet ms;}

#otsikko {background-color:#010b1a;color:#67b0cf;background-image:url(https://images.unsplash.com/photo-1625325544109-4f96418b4603?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2560&q=80);background-position:center;}

#alajuttu {background-color:#010b1a;color:#67b0cf;
  position: relative;
  bottom:0;
}

#demo {background-color:#010b1a;padding:0;}

@font-face {
  font-family: OrnVersals;
  src: url(OrnamentalVersals.ttf);
}
@font-face {
  font-family: OrnVersalsB;
  src: url(OrnamentalVersals_Black.ttf);
}

h1,h2,h3,h4,h5,h6 {font-family:OrnversalsB;}

.offcanvas-header {
  justify-content: ;
  padding:20px;
}

.menunappi {width:100%;height:70px;
  border-radius: 0;background-color:#01254b;border:0;}

.offcanvas-body {padding:0;}

.container {color:#040e17;font-family:Trebuchet ms;}

.valikkonappi {background-color:#8bbbd6;color:#040e17;}

/*tabit maailmassa jne, niiden värien muuttaminen
*/
.nav-link{
  color:#010b1a;
  }
.nav-link:focus,.nav-link:hover{
  color:#fff
  }
.nav-tabs{
  border-bottom:1px solid #010b1a
  }
.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{
  border-color:#010b1a
  }
.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{
  color:#fff;
  background-color:#010b1a;
  border-color:#010b1a
  }