/* 色変更用 */

body {
    background-color: #ffffff;
    }

@media (prefers-color-scheme: dark) {
  body {background-color: #0d1318;}
}

#logo{
    font-size: 6vw;
    font-family: monospace;
    letter-spacing: 3px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    }

#svglogo {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.divlink {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
  }


a:link,a:visited{
    color: #f2f2f2;
    background-color: transparent;
    text-decoration: none;
    }

a:hover{
    color: #f8f8f8;;
    background-color: transparent;
    text-decoration: none;
    }

a:active{
    color: gold;
    background-color: transparent;
    text-decoration: none;
    }

/* SVG */
.sankaku {fill: #F5E905;}
.shikaku {fill: #D10026}
.u {fill: #159AD1;}

#svglogo:hover .sankaku{fill: #DADEDF;}
#svglogo:hover .shikaku{fill: #DADEDF;}
#svglogo:hover .u{fill: #DADEDF;}

@media (prefers-color-scheme: dark) {
  .sankaku {fill: #FFFF00;}
  .shikaku {fill: #FF0000;}
  .u {fill: #0000FF;}
}
/*  */