/* :root{
    --backcol:#d4a3e3;
} */
/* body,h1 {font-family: "Raleway", sans-serif}*/
body, html {
    background-color: #fefbf8;
    height: 100%
}
/* .center {
    width: 50%;
  } */
div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
  
/* *{margin:0;padding:0;}body{background:#222;} */


canvas{
    position: absolute;
}



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

    html{
        background-color: #010407;
    }
  
    body a {
      color: #809fff;
    }

    .spcimg{
        /* color: #f00; */
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }

  }