body      {
            margin: 0;
			background-color: #1E2019;
			color: #D3D0CB;
			font-family: 'Arvo';  font-size: 14px;
            }

            @font-face {
                font-family: Arvo;
                src: url('https://deimosphoibus.neocities.org/leon/Arvo-Regular.ttf');
            }

            @font-face {
                font-family: Arvo;
                src: url('https://deimosphoibus.neocities.org/leon/Arvo-Bold.ttf');
                font-weight: bold;
            }

            @font-face {
                font-family: Arvo;
                src: url('https://deimosphoibus.neocities.org/leon/Arvo-Italic.ttf');
                font-style: italic;
            }

            @font-face {
                font-family: Arvo;
                src: url('https://deimosphoibus.neocities.org/leon/Arvo-BoldItalic.ttf');
                font-style: italic;
                font-weight: bold;
            }


a:link, a:visited { 
   color: #587B7F;
   text-decoration: none;
}			

a:hover {
    color: #E2C044;
    text-decoration: underline;
}

a:active {
    color: #393E41;
    text-decoration: underline;
}

b, h1, h2, h3, hr {
    color: #D3D0CB;
}


#container {
            max-width: 1000px;
            margin: 0 auto;
            }
			
#box {
        margin: 18px;
	    padding: 50px;
  border: 1px solid #D3D0CB;
  }

.row {
     margin: 10px;
	    padding: 12px;
}

.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  padding-left: 24px;
  border: 1px solid #D3D0CB;
  box-sizing: border-box;
  min-height: 400px;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}