body {
    background-color: #660198;
    display: flex;
    flex-direction: column;
    font: 1.0rem/1.5 AppleGothic, NanumGothic, Sans-serif;
    line-height: 1.6;
}


a, span {
    text-decoration: none;
    color: floralwhite;
    font-weight: bold;
}

a:visited {
    color: floralwhite;
    font-weight: bold;
}

.filename {
    color: floralwhite;
}

#logo {
    display: unset;
}

#logo svg {
    width: 200px;
    height: 200px;
}

@media (prefers-color-scheme: dark) {
  body {
    color: rgba(238, 233, 233, 0.8);
    background-color: #660198;
  }

  a,
  a:link,
  a:visited {
    text-decoration: none;
    color: rgba(238, 233, 233, 0.8);
    border: 1px dashed rgba(255, 105, 180, 0.6);
    border-radius: 20px;
    padding: 5px;
  }
  
  a:hover {
    color: hotpink;
  }

    #logo svg {
        color: hotpink;
    }
}