.body{
  background-image: url(https://files.catbox.moe/5371di.jpg);
}
.header{
   margin:auto;
width: 650px;
text-align:center;background-image:url(https://files.catbox.moe/oinwog.webp)
  ;margin-bottom: 5px;height: 100px;margin-top:20px;       
    
}
.sidebar{
    color: #f998bf;margin-right: 850px;margin-left: 307px;height:400px;text-align: center;
      padding-top:10px;width:110px;background-color: #f7e5eb; margin-top:10px
}
  

.no-bullets {
  list-style-type: none;text-align: left;padding-left: 15px;
}
main {
  grid-area: main; background-color: #fff0f0;
height: 390px; width:470px; margin-left: 430px; margin-right:550px;
  margin-top:-410px;border-width: 15px; border-style: solid;
  border-image: url(https://files.catbox.moe/fmru60.gif) 7 fill round;
}
footer { grid-area: footer; overflow: hidden; padding: 15px}
.layout {
  width: 1200px;display:grid;grid-gap: var(--margin);grid-template:"header header" auto "sidebar main" auto "footer footer" a
}

@font-face {
    font-family: 'rainyhearts';
    src: url('transfonter.org-fold/rainyheartsMedium.woff2') format('woff2'),
        url('transfonter.org-fold/rainyheartsMedium.woff') format('woff'),
        url('transfonter.org-fold/rainyheartsMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}