.box {
  max-width: 1000px;
  margin: 50px auto;
  display: grid;
  grid-gap: 4px ;
  grid-template-columns: 250px auto ;
}

header {
  grid-row: 1 / 2 ;
  grid-column: 1 / 3;
  background-image: url('https://files.catbox.moe/q3okg9.png') ;
  background-size: cover;
 border-width:9px;
border-style:solid;
border-image: url("https://64.media.tumblr.com/b07b05c407e300aef8888ffa5369b6d6/11a43739b8113adf-da/s250x400/2fc0800ae4af798255401f55ef5b866c62748717.gif") 50 fill round;
border-radius: 2px;

}

main {
  grid-row: 0 / 1 ;
  grid-column: 1 / 1;
  background-color: #ffffff ;
   border-width:9px;
border-style:solid;
border-image: url("https://64.media.tumblr.com/b07b05c407e300aef8888ffa5369b6d6/11a43739b8113adf-da/s250x400/2fc0800ae4af798255401f55ef5b866c62748717.gif") 50 fill round;
border-radius: 2px;
}

main2 {
  grid-row: 2 / 3 ;
  grid-column: 2 / 3 ;
  background-color: #FFFFFF ;
   border-width:9px;
border-style:solid;
border-image: url("https://64.media.tumblr.com/b07b05c407e300aef8888ffa5369b6d6/11a43739b8113adf-da/s250x400/2fc0800ae4af798255401f55ef5b866c62748717.gif") 50 fill round;
border-radius: 2px;
}

footer {
  grid-row: 3 / 4 ;
  grid-column: 1 / 3 ;
  background-color: #ffffff ;
   border-width:9px;
border-style:solid;
border-image: url("https://64.media.tumblr.com/b07b05c407e300aef8888ffa5369b6d6/11a43739b8113adf-da/s250x400/2fc0800ae4af798255401f55ef5b866c62748717.gif") 50 fill round;
border-radius: 3px;
}

@font-face {                  
font-family: 'jgs7';
src: url(https://humantooth.neocities.org/fonts/jgs7.woff) ;
} 

body {
  font-family: 'jgs7';
  color: #000000;
}

body {
background-image: url('https://dl.glitter-graphics.com/pub/543/543435fxdq2argae.jpg'); 
background-attachment: fixed;
background-repeat: repeat;
}

#float {
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes floating {
    0% { transform: translate(0,  0px); }
    50%  { transform: translate(0, 15px); }
    100%   { transform: translate(0, -0px); }    
}

h1 {
  font-size: 22px;
  float: left;
  width: 63.33%;
  padding: 5px;
}

h2 {
  text-align: right;
  
}

::-moz-selection { /* EDIT THIS ONE TOO */
  color: #ffffff;
  background: #000000;
}

::selection {
  color: #ffffff;
  background: #000000;
  }