/* CSS Document */

:root {
  --color-footer: hsla(0,0%,95%,1.00);
  --font-sans-serif: "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ Ｐゴシック",sans-serif !important;
  --font-serif: "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

/* * * Overwrite mvp.css / aside -> div.card * * */
/* Layout */
article div.card {
    background: var(--color-secondary-accent);
    border-left: 4px solid var(--color-secondary);
    padding: 0.01rem 0.8rem;
}

section div.card {
    border: 1px solid var(--color-bg-secondary);
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow) var(--color-shadow);
    margin: 1rem;
    padding: 1.25rem;
    width: var(--width-card);
}

section div.card:hover {
    box-shadow: var(--box-shadow) var(--color-bg-secondary);
}

/* Links */
article div.card a {
    color: var(--color-secondary);
}
/* * * /Overwrite mvp.css / aside -> div.card * * */

div.content {
  width: var(--width-content);
  display: flex;
}

section#sct_1 {
  background-color: rgba(255,214,214,1.00);
}
section#sct_2 {
  background-color: rgba(214,227,255,1.00);
}

footer {
  background-color: var(--color-footer);
}
div.contactBlock {
  font-size: 0.9em;
  margin: 3em auto;
  width: 100%;
  display: flex;
  justify-content: space-between
}