.container {
  max-width: 1000px;
  margin: 1rem auto;
/*  border: 1px solid; */
}

main {
  display: grid;
  grid-template-areas: "side main";
  grid-template-columns: 250px auto;
}

.main {
  grid-area: main;
}

.side {
  grid-area: side;
}


.block-border {
/*  float: right; */
  margin: 0.5rem;
  border: 7px solid transparent;
  border-image: url(img/border/fabric-border.png) 7 fill round;
}

.block-inside {
  background-color: rgba(255, 255, 255, 1.0);
  margin: 0px;
  padding: 1rem;
}

h1, h2, h3 {
  text-align: center;
}

nav {
  text-align: center;
}

body {
  background-image: url(img/bg/clovers.png);
  image-rendering: pixelated;
  font-family: regular-bitmap;
  margin: 0px;
}

@font-face {
  font-family: fancy-bitmap;
  src: url(fonts/birch-leaf.ttf);
}

@font-face {
  font-family: regular-bitmap;
  src: url(fonts/dico.ttf);
}