body {
  
    background-color: white;
  color: Black;
  background-image: url("https://redsoap.neocities.org/images/starzlightergrey.png");
  
  
  
}
.flex-container {
    display: flex;
}

::selection {
  color: black;
  background: red;
}

.flex-child {
   width: fit-content;
    flex: 1;
    border: 0px solid blue;
    background-color: white;
    border-radius: 5px;
    box-shadow:
    inset 0 0 18px black,      /* inner white */
    inset 0px 0 0px grey,   /* inner left magenta short */
    inset -0px 0 0px pink,  /* inner right cyan short */
    inset 0px 0 0px grey,  /* inner left magenta broad */
    inset 0px 0 0px pink, /* inner right cyan broad */
    0 0 0px blue,            /* outer white */
    -10px 0 40px blue,        /* outer left magenta */
    10px 0 40px lightblue;         /* outer right cyan */
}  

.flex-child:first-child {
    margin-right: 35px;
} 
p {
  color: Black;
  font-size: 1em;
  text-align: center;
  font-family: "ms pgothic"
}

menu {
  color: white;
  font-size: 1em;
  text-align: center;
  font-family: "ms pgothic"
}

menu:hover{
  color: red;
}




p2 {color: White;
  font-size: 1em;
  text-align: center;
  font-family: "ms pgothic"
}
.mephoto {
  border: 3px solid white;
  border-radius: 1px;
  box-shadow: 3px 3px 3px grey;
}
img:not(.mephoto) {
  border-radius: 0px;    
}

.HELLO{
    float:left;
   width: fit-content;
   height: 440px;
  margin: auto;
  padding:20px;
    border: 0px solid blue;
    background-color: Clear;
    border-radius: 0px;
    
}  

.HELLO2{
  float:right;
   width: fit-content;
  margin: auto;
  padding:20px;
    border: 0px solid blue;
    background-color: White;
    border-radius: 5px;
    box-shadow:
    inset 0 0 10px black,      /* inner white */
    inset 0px 0 0px grey,   /* inner left magenta short */
    inset -0px 0 0px pink,  /* inner right cyan short */
    inset 0px 0 0px cyan,  /* inner left magenta broad */
    inset 0px 0 0px pink, /* inner right cyan broad */
    0 0 0px lightblue,            /* outer white */
    -10px 0 40px blue,        /* outer left magenta */
    10px 0 40px lightblue;         /* outer right cyan */
}  

.wrapper{
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}



.wrapperA{
  max-width: 1170px;
  min-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}


.lengththang{
  width: 100%;
  min-height: 70px;
  max-height: 350px; 
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  clear:both;
}



.wrapper2{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  clear:both;
}


.whitetop{
  width: 100%;
  height: 97px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
  background-color: clear;
  background-image: url('https://redsoap.neocities.org/images/starsfadedclear.png');
}

p3 {color: black;
  font-size: 1em;
  font-family: "ms pgothic";
}


#foot {
    height: 50px;
    bottom:0;
    position:fixed;
    width: 100%;
    background:  url('https://redsoap.neocities.org/more%20images/dont%20make%20me%20kill%20again.png') ;
}


.HELLOBLAHBLACK{
  float:right;
     width: 40%;
   height: 100px;
  margin: auto;
  padding:20px;
    border: 0px solid blue;
    background-color: black;
    border-radius: 0px;
    box-shadow:
    inset 0 0 10px black,      /* inner white */
    inset 0px 0 0px grey,   /* inner left magenta short */
    inset -0px 0 0px pink,  /* inner right cyan short */
    inset 0px 0 0px cyan,  /* inner left magenta broad */
    inset 0px 0 0px pink, /* inner right cyan broad */
    0 0 0px lightblue,            /* outer white */
    -10px 0 40px blue,        /* outer left magenta */
    10px 0 40px lightblue;         /* outer right cyan */
}  

.HELLOBLAHWHITE{
  float:right;
   width: 40%;
   height: 100px;
  margin: auto;
  padding:20px;
    border: 0px solid blue;
    background-color: white;
    border-radius: 0px;
    box-shadow:
    inset 0 0 0px black,      /* inner white */
    inset 0px 0 0px grey,   /* inner left magenta short */
    inset -0px 0 0px pink,  /* inner right cyan short */
    inset 0px 0 0px cyan,  /* inner left magenta broad */
    inset 0px 0 0px pink, /* inner right cyan broad */
    0 0 0px lightblue,            /* outer white */
    -10px 0 20px lightblue,        /* outer left magenta */
    10px 0 20px lightblue;         /* outer right cyan */
}  


.buttonarea{
  width: fit-content;
  height: 43px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px;
}

lbee {
  color: Black;
  font-size: 1em;
  text-align: left;
  font-family: "ms pgothic"
}

.angels{
  width: 100%;
  height: fit-content;
  margin-left: auto;
  
}

.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 15px 20px;
    border: 0px solid #d9d9d9;
    border-radius: 0px;
    background: #e8e8e8;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#ffffff));
    background: -moz-linear-gradient(top, #e8e8e8, #ffffff);
    background: linear-gradient(to bottom, #e8e8e8, #ffffff);
    -webkit-box-shadow: #9e9e9e 0px 6px 6px 1px;
    -moz-box-shadow: #9e9e9e 0px 6px 6px 1px;
    box-shadow: #9e9e9e 0px 6px 6px 1px;
    text-shadow: #000000 -1px -1px 8px;
    font:  normal bold 1em "ms pgothic";
    color: black;
    text-decoration: none;
}
.button:hover,
.button:focus {
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background: -moz-linear-gradient(top, #ffffff, #ffffff);
    background: linear-gradient(to bottom, #ffffff, #ffffff);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #8b8b8b;
    background: -webkit-gradient(linear, left top, left bottom, from(#8b8b8b), to(#ffffff));
    background: -moz-linear-gradient(top, #8b8b8b, #ffffff);
    background: linear-gradient(to bottom, #8b8b8b, #ffffff);
}



.footer { 
    position: absolute; 
    bottom: 1; 
    left: 37%; 
    z-index: 15;
}