body {
  margin: auto;
  font-family: serif;
  background-image: url("background.jpg");
  width: 700px;
}


.broider {
  border-image:  url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAYAAAAcaxDBAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAVKADAAQAAAABAAAAVAAAAAC3aM1AAAACO0lEQVR4Ae2Z226EMAxEadX//+XeVAkYEE6YAdLV2Se8ccbOSTJitdPEBwIQgAAEzhJ4Ozvxwnmfoq09VuMy/d7w/d5yr18NoOE9BmgYqPpTWL5JrvJEd7ypiVQSJzRF8k8HoAANEwjLfYT1rpAbweeb18WVb0bVlgjQNk7NWQBtRtWWOKI//av3TsXMCVUiZgxQE6BOB6gSMeMRPVSXVHmq5j8ac0LD+AEK0DCBsNwTHqqeWC1Je3TnV/Wsca68hW87GaBbJtY3ALXwbSerP20z/G/U8+6ouez61vqc0CX6wDNAAxCXEgBd0gg8t/ynpB6kZe/2RK2fjq31ckLD2wFQgIYJhOX2PFQ9pPLI3vzwEmy53v4P87ny9n6sBQC65mFHALURrgUqf/zJPvSMtdxv1Ju/I3HpV739deVzQsN7B1CAhgmE5fY8tMszvvup8qvx8JI2clX9alwFD/O58orLjAFqAtTpAFUiZrz3W159VT1DS2q+jo8ea//Wejmh4e0GKEDDBMJyex6qJdRjdPzVYmu9XPnwcQAoQMMEwnKWX5zspXrPU1nt0Z2v+tGYKx/FOU0ABWiYQFhO/SksH5FTzxy6Z658ZM9nEYDOLCJPAI1gnEVG9KPKM6vxeXUPPHFCw9ABCtAwgbDcCB7qeqI7P4qUKx/FyW/5ME6AxoG2/KcUL9opOJRHVr3joRWhznGAdgKr0gFaEeocH+E9VFuuPLMaV71bY05oGDdAARomgBwEIAABCAxD4AsLBiid5bVHGAAAAABJRU5ErkJggg==") 28 /  28px / 0 round;
  border-width:  28px;
  border-style:  solid;
}


header, footer {
  background-color: lavenderblush;

  padding: 10px;

  text-align: center;
}


footer {
  margin-top: 50px;
}


img {
  width: 100px
}


nav{
  text-align: right;
  color: palegreen;
}


nav a {
  color: darkolivegreen;
}


article h2 {
  font-family: serif;
  text-align: center;
}


p{
  background-color: lavenderblush;
  padding:4px;
}


a {
  color: darkolivegreen;
}


a:hover{
  color: fuchsia;
}