* {
    box-sizing: border-box;
}

@media (prefers-contrast: more) {
    body {
        background-color: rgb(45, 4, 92);
        background-image: none;
    }
}

@media (forced-colors: active) {
    svg {
      stroke: CanvasText !important;
    }
  
    a svg, a object {
      stroke: LinkText !important;
    }
  
    button svg {
      stroke: ButtonText !important;
    }
  }

@media (prefers-reduced-motion) {
    * {
        animation: none !important;
    }
}
html{
    height:100%;
}
body {
    height:100%;
    margin: 0;
    padding: 8px;
    color: white;
    background-color: rgb(45, 4, 92);
    background: url("starsandnebula250f.jpg") repeat;
    font-family: "Georgia", "Times New Roman", Times, serif;
    display: flex;
    flex-direction: column;
}




#main-wrapper {
    max-width: 50em;
    margin: auto;
    /* border: rgb(87, 11, 175) 4px ridge; */
}