@font-face {
font-family:'yipes';
src: url(https://dl.dropbox.com/s/qrdm3wived8sm66/Yipes.ttf);
 
}
 
div {
font-family:'yipes';
font-size: 1em;
}
.container {
  max-width:1000px;
  margin: 60px auto;
  display: grid;
  grid-gap: 12px;
  grid-template-columns: 300px minmax(0, 1fr);
  justify-content: center;

}
header, nav, id, main, second, footer {
  border: black 2px solid;
  border-radius: 5px;
}
header {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
    background: url("https://file.garden/agPCH-yCNBEjiQko/mizisua");
  background-position: 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  height: 200px;
  text-align: center;
  color: white;
  font-family:'yipes';
   border-image: url(https://i.postimg.cc/yYSkmtBf/12.png) 10% stretch;
   border-image-outset: 5px;
   border-image-slice: 10px;
   
}

nav {
  grid-row: 2 / 3;
  grid-column: 1 / 2;
  height: max-content;
}
main {
  grid-row: 2 / 3;
  grid-column: 2 / 2;
  height: max-content;
}
second {
  grid-row: 3 / 3;
  grid-column: 2 / 2;
  height: max-content;
}
id {
  grid-row: 3 / 3;
  grid-column: 1 / 2;
  height: max-content;
}
footer {
  grid-row: 4 / 4;
  grid-column: 1 / 3;
}