@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.otf) format('opentype');
}

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format('woff2'),
  url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format('woff'),
  url(https://fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format('opentype');
}

* {
  font-family: 'Noto Sans Japanese', arial, sans-serif;
}

.navbar {
  background-color: rgba(12, 12, 18, .85) !important;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

a {
  transition: ease-in-out color .10s;
}

a:hover {
  text-decoration: none;
}

h1, h2, h3, h4, h5 {
  font-weight: bold;
}

body {
  background-color: #fcfdfe;
  color: #304050;
}

.main h1 {
  font-size: 2.0rem;
  margin-top: 2.0rem;
  margin-bottom: 1.8rem;
  color: #346;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 0.6rem;
  border-left: solid 12px #345;
}

h1.display-4 {
  font-weight: bold;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.1rem;
}

h4, h5 {
  font-size: 1.0rem;
}

.jumbotron-background-image {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url("../img/header_ambient.jpg");
  background-position: center center;
  background-size: cover;
  z-index: -1;

  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);

  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

@media (max-width: 768px) {
  .jumbotron-background-image {
    background: url("../img/header_ambient_center.jpg");
    background-position: center center;
    background-size: cover;
  }
}

.jumbotron {
  overflow: hidden;
  position:relative;
  background-color: transparent;
  padding-top: 166px;
  padding-bottom: 110px;

  border-radius: 0rem;
}

.btn {
  margin-bottom: 32px;
}

footer {
  background-color: rgba(12, 12, 18, .85) !important;
  color: rgba(255, 255, 255, 0.6);
  margin-top: 24px;
  padding-top: 48px;
  padding-bottom: 40px;
  font-size: 0.8rem;
}

footer a {
  color: rgba(255, 255, 255, 0.6);
}

footer a:hover {
  color: rgba(255, 255, 255, 0.8);
}