body {
color:rgb(216,238,251);
background-color: rgb(0,0,0);
background-image: url(https://i.ibb.co/q1mPn6H/image.png);
background-size: 885px, 612px;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left; 
text-align: left;
font-family: 'Source Code Pro', monospace;
margin: auto;
}

p{
    color:rgb(216,238,251);
}
pre {
  display: block;
  font-family: 'Source Code Pro', monospace;
  white-space: pre;
  margin: 1em 0;
}
a:visited {
  color:rgb(216,238,251);
}

a:hover {
  color:rgb(216,238,251);
}

h2 {
  text-align:center;
}


* {box-sizing: border-box;}

.col-1 {
  width: 10%;
  float: left;
}
.col-2 {
  width: 45%;
  float: left;
}
.col-3 {
  width: 35%;
  float: left;
}
.col-4 {
  width: 10%;
  float: left;

}
[class*="col-"] {
  float: left;
  padding: 1px;
  border: 1px;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}