body {
 background-image:url("bgforsite.png");
  background-color:pink;
 background-repeat:no-repeat;
   background-size: 100% 100%;
     min-height: 100vh;
     min-width:100vw;
     overflow-x:hidden;
     overflow-y:hidden;
     
}
.container {
position:relative;
background-color:#585962;
left:20%;
margin-top:10%;
width:20%;
flex-direction:column;
display: flex;
justify-content:space-around;
padding:.5%;
}
.child {
  flex-basis: auto;
background-color:#e0e2f0;
padding:5%;
margin:1%;
}

.button {
 background-color:red;
 outline:white;
 margin-left:1%;
}

.whine {
  position:relative;
background-color: rgba(147, 110, 31, 0.8);
width:95%;
padding:1%;
margin:1%;
border-style:double;
}

.stories {
  padding:1%;
  background-color:green;
}
.astory {
  margin:1%;
  padding:1%;
  background-color:white;  
}
/* For any viewports less than 1000px wide */
@media (max-width: 800px) {
    body {
  background-image:url("phonebg.png");
  background-color:blue;
        } }