:root{
  --surface-color: #fff;
  --primary-color: #424242;
  --primary-color-dark: #323232;
  --font-color-main: #222;
}

body {
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
}

strong{
  font-weight: 700;
}

.main-content{
  min-height: 80vh;
  padding-bottom: 2rem;
}

.header{
  height: 500px;
  width: 100%;
  margin: 0;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
}

.header-img{
  width: 100%;
  height: 100%;
  filter: brightness(56%) contrast(69%);
  object-fit: cover;
  margin: 0;
}

.header-text , .post-title{
  margin: 0;
  filter: none;
  color: #eee;
  position: absolute;
}

.post-thum {
  margin: 0;
  display: flex;
  position: relative;
  align-items: center;
  object-fit: cover;
}

.post-cover {
  width: 100%;
  background-size: cover;
  aspect-ratio: 16 / 9;
  filter: brightness(56%) contrast(69%);
  border-radius: 5pt;
}

.post-title{
  left: 0.5em;
}

i.material-icons.center-align{
  text-align: center;
  width: 1em;
  margin-left: auto;
  margin-right: auto;
}

.centering{
  vertical-align: middle;
  justify-content: center;
  display: flex;
}

.card{
  box-shadow: none;
  -webkit-box-shadow: none;
}

.blog-content{
  font-size: 15pt;
}

.nav-icon{
  height: 60px;
  position: relative;
  top: 2px;
  left: 10px;
}

nav{
  height: 64px;
}

.page-footer .footer-copyright, .page-footer .footer-copyright a{
  -webkit-justify-content: none;
  justify-content: unset;
}