body {
  max-width:650px;
  margin:40px auto;
  padding:0 10px;
  font:18px/1.5 "Segoe UI", Roboto, "Helvetica Neue", Arial;
  color: white;
  background-color: #52528a;
  
    /* Background code from magicpattern.design */
  background-color: #406034;
  opacity: 0.8;
  background: radial-gradient(circle, transparent 20%, #406034 20%, #406034 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #406034 20%, #406034 80%, transparent 80%, transparent) 25px 25px, linear-gradient(#577e63 2px, transparent 2px) 0 -1px, linear-gradient(90deg, #577e63 2px, #406034 2px) -1px 0;
  background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;
}
div {
  background-color: #729677;
  width: 600px;
  padding: 10px;  
  border: 5px black;
}