/* TEXT STUFF--- */
            h1,
            h2,
            h3 {
                color: fceaff;
            }

            h1 {
                font-size: 35px;
                letter-spacing: 5px;
                text-align: center;
                text-shadow: 0 0 5px #13092D, 0 0 3px #13092D, 0 0 3px #13092D, 0 0 3px #13092D;
            }

            h2 {
                font-size: 20px;
                line-height: 1.7;
                text-align: center;
                text-shadow: 0 0 5px black, 0 0 3px black, 0 0 3px black, 0 0 3px black;
            }

            body {
                font-family: 'Nunito', sans-serif;
                margin: 0px;
                background-color: #08031A;
                /* you can delete the line below if you'd prefer to not use an image */
                background-size: 65px;
                color: #fceaff;
                background-image: var(--body-bg-image);
            }

            * {
                box-sizing: border-box;
            }

            main {
                background-color: rgba(19, 9, 45, 0);
                flex: 1;
                text-align: center;
                order: 2;
            }


/* Background/Box Stuff */
            #container {
                max-width: 1100px;
                margin:  auto;
                margin-top: 250px;
            }

            #container a {
                color: #ffffff;
                text-decoration: underline;
            }

@media only screen and (max-width: 800px) {
                #flex {
                    flex-wrap: wrap;
                }


main {
                    order: 1;
                }
            } 

#flex {
                display: flex;
            }

body {
  background: #000000 url(https://cervisceral.neocities.org/assets/Graphics/cervisceralcore.jpeg) center center/cover no-repeat;;
  background-repeat: no-repeat;
  background-attachment: fixed;  
  background-size: 100% 155%;
      }

.center {
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: 55%;
    padding-bottom: 15px;

}
      
                      .otherbox {
  border-left: 1px solid #ED64F5;
  border-right: 1px solid #ED64F5;
  border-top: none;
  border-bottom: none;
  padding: 0px;
}

.splashbox {
 border: 9px groove #7c5fa0;
 height: 463px;
 border-radius: 75px 0px 75px 0px;
 text-align: justify;
 padding: 30px;
}