@charset "UTF-8";

/* Base */
html, body {
  margin: 0;
  padding: 0;
  color: #002992;
  background-color: #fafafa;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height:1.8em;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}

/* Layout */
#wrapper {
	border-top: 8px solid #002992;
	margin:0;
  padding: 1.8em 2.8em 2em;
}

/* Blink / Notice */
.blink {
  margin: -20px 0 20px;
  color: #FF2294;
}
.blink a {
  color: #FF2294;
}
.blink a:hover {
  background-color: #ffbcdf;
  text-decoration: none;
}

/* Titles */
h1 {
  font-size: 27px;
  font-weight: bold;
  transition: 0.2s;
  cursor: pointer;
}

h1:hover{
	opacity: 0.8;
}

#subcopy {
  margin-bottom: 2.4em;
  font-size: 14px;
}

#subcopy a {
  color: #002992;
  font-weight: bold;
  text-decoration: underline;
}
#subcopy a:hover {
  color: #FF2294;
  text-decoration: none;
}

h2 {
  margin: 0 0 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  background-color: #002992;
  color: #FFF;
  padding: 2px 7px;
  display: inline-block;
}

/* Works list */
.works {
  margin: 0 0 2.2em;
  padding: 0;
}
.works ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.works ul li {
  padding: 2.5px 0;
  font-size: 14px;
  letter-spacing: 1px;
}
.works ul li a {
  padding: .2em .2em;
  margin-right: .3em;
  transition: .1s;
}

.worksTtl {
  font-size: 15px;
  font-weight: bold;
}

/* Footer */
#copyright {
  margin: 60px 0 0;
  padding: 1em 0;
  color: #002992;
  font-size: 12px;
  border-top: 1px dashed #002992;
  letter-spacing: 1px;
}

/* Links */
li a:link,
li a:visited {
  color: #002992;
  text-decoration: none;
}
li a:hover {
  color: #fff;
  background-color: #FF5FA8;
  text-decoration: none;
}