body {
  background-color:black;
  background-size:contain;
  background-attachment:fixed;
  margin: 0;
  padding: 0
  }

.center {
  margin: 0 auto;
  text-align:center
  }


#welcome {
  color: #D3B8E9
}

#container {
  width: 60%;
	min-width:900px;
	margin: 0 auto;
	padding: 0;
	min-height: 100vh;
	display:flex;
	flex-direction:column;
	align-items: stretch;
}

#links {
    display:flex;
    background-color: #D3B8E9;
    border:3px solid #FFFBF6;
  width:15%; 
  padding: 10px;
  border-radius: 30px;
  justify-content:space-evenly;
  align-items:center;
  flex-direction:row
  }
  
#content {
  background-image:linear-gradient(#1A1423,#372549);
  background-size:contain;
  background-attachment:fixed;
  border:5px solid #FFFBF6;
  color:#FFFBF6;
  margin:auto;
  width:75%
  }

.ex-image{
  display:flex;
  align-items:center;
  width:70%;
  height:auto;
  justify-content:space-around
}
  .ex-image img {
    max-width:300px;
    max-height:300px;
    border-radius:10px;
    border: 3px dashed #D3B8E9
  }
  
  .examples {
   display:flex;
   align-items:center;
   flex-flow: row nowrap;
   justify-content:space-evenly;
   margin: 0 auto

  }

  /* awesome mobile friendly stuff */
@media only screen and (max-width:900px) {
  .container {
    min-width:initial;
    width:100%;
    flex-direction:column;
  }