body {
  color: #18002d;
  background-color: #ffe1ff;  
  font-family: 'GNU-Unifont-Full';
    background: 
	linear-gradient(0deg, rgba(236,158,255,1), rgba(0,0,0,1)),
	url("noise.svg");
  background-repeat:round;

}

a {
  color:  #6c81ff;
}

h2,
h3,
h4 {
 margin: auto;
}


h3 {
  max-width: 40em;
}

h1,
h2,
strong {
  color:  #18002d
;
}
code,
pre {
  background: black;
}

code {
  padding: 2px 4px;
  vertical-align: text-bottom;
}
code,
pre {
  background: black;
  border-bottom: 1px solid #d8dee9;
  color: #cd7fff;
}

pre {
  border-left: 2px solid #69c;
}

img {
  width : 70%;
  height : 70%;
}

nav{
  z-index: 99;
  min-width: 10em;
  background-color: black;
  position: fixed;
  padding: 1%;
  width: 10%;
  border-left: 2px solid #b3e6ff;
  border-right: 2px solid #b3e6ff;
  border-top: 2px solid #b3e6ff;
  border-bottom: 2px solid #b3e6ff;
}
.container {
    width: 600px;
    height: 400px;
    background-color: #0a0a23;
    padding: 30px;
    margin: 300px;
}
.container2 {
    width: 60%;
    height: 60%;
    background-color:   #ffacfb;
    padding: 1%;
    border: 4px solid  #cecece;
    margin: 20%;
    text-align: left;
}
.container2 h1, h2, h3, h4, p{
  padding: 1%;
}
.container2 img {
    width: 60%;
    height:60%;
}