@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css');

html {
 background: transparent;
 font-size: 62.5%;
}
body {
 background: url('../bg.jpg') center 70% / cover fixed no-repeat #000000;
 color: #ffffff;
 font-size: 1.3rem;
 font-family: 'Sawarabi Mincho', serif;
 letter-spacing: 0.2em;
 line-height: 180%;
}
a {
 text-decoration: none;
 transition: 0.5s;
}
h1 {
 color: #000000;
 font-size: 6rem;
 text-align: center;
}
h2 {
 margin: 0.5em 0em;
 font-size: 1.2em;
}
h3 {
 margin: 0.5em;
}
em {
 border-bottom: solid 1px #12ba23;
}
ol,ul,dl {
 list-style: none;
}
input,textarea,button,select {
 background: rgba(0,0,0,0.6);
 border: none;
 color: #ffffff;
 font-family: inherit;
 font-size: 100%;

}
textarea {
 padding: 0.5em;
}


p {
 padding: 0em 1em;
}
section {
 margin: 2em 0em;
}


main {
 display: block;
 padding: 3em;
 margin: 3em auto;
  width: 50%;
  min-width: 600px;
}
main a {
 color: #12ba23;
 border-bottom: solid 1px #fff;
}

header {
 display: flex;
  justify-content: center;
  align-items: center;
 height: 90vh;
}
header h1 {
 padding-bottom: 2em;
 font-family: serif;
 color:#f2f2f2;
 text-shadow: 0 0 15px #0c3d5b,0 0 20px #0c3d5b;
}
nav {
 position: sticky;
  top: 0;
 padding: 1em;
}
nav ul {
 display: flex;
 justify-content: center;
 
}
nav li {
 margin: 0.5em 2em;
}
nav li a {
 padding: 0.5em;
 color: #f3fffd;
 transition: 0.5s;
}
nav li a:hover {
 color: #999999;
}

/*nav li:nth-of-type(odd) {
 text-align: right;
}*/


footer {
 background: #000000;
 color: #ffffff;
}

main,nav,footer {
 background: rgba(0,0,0,0.5);
}
.text {
 line-height: 200%;
}
.text p {
 text-indent: 1em;
}