html{
 background: url('https://file.garden/aEnK9GK7YhOgwBQV/third/tumblr_ccd76060e74483564fc7665f40938424_aed2bfe5_250.jpg'); 
}

body{
 background: url('https://file.garden/aEnK9GK7YhOgwBQV/third/tumblr_inline_n81vdthBCo1s3zd2g.jpg'); 
}

p{
color: #083C4A;
text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF;
}

h1,h2,h3,h4,h5,h6{
color: #fff9ae;
text-shadow: 1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000;
}

.container {
 display: grid;
 grid-template-areas:
    "over img new"
    "side img new"
    "side abm new";
 grid-template-columns: 1fr 4fr 1fr;
}

.container > div.over {
 grid-area: over; 
 grid-row: 1;
 grid-column: 1;
 border-image-source: url('https://file.garden/aEnK9GK7YhOgwBQV/third/ezgif-8c8852536fa550.gif');
  border-image-slice: 100;
  border-style: solid;
  border-width: 10px;
}

.container > div.side {
  grid-area: side;
  border: #FF4FC3 ridge 5px;
  grid-row: 2 / span 2;
  background-image: url('https://file.garden/aEnK9GK7YhOgwBQV/third/tumblr_4eb617f6136cf0147f584379a2ba629d_813f3ad0_250.jpg');
}

.container > div.side > a:link {
    color: white;
} 

.container > div.side > a:visited {
    color: #e6bbff;
}

.container > div.img {
  grid-area: img;
  grid-row: 1 / span 2;
  grid-column: 2;
}

.container > div.abm {
  grid-area: abm;
  grid-row: 3;
  grid-column: 2;
  overflow-y: scroll;
  height: 165px;
}

.container > div.new {
 grid-area: new;
 grid-row: 1 / span 3;
  grid-column: 3;
  border-image-source: url('https://file.garden/aEnK9GK7YhOgwBQV/third/ezgif-13b6a6798d0861.gif');
  border-image-slice: 200;
  border-style: solid;
  border-width: 15px;
  background-image: url('https://file.garden/aEnK9GK7YhOgwBQV/third/tumblr_0a24bd8990cb9172bf9ca2e2cec6365a_f474b7e3_250.png');
  text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF;
}

.middle {
  display: grid;
 grid-template-areas:
    "button lists neigh proc";
 grid-template-columns: 1fr 2fr 2fr 1fr;
}

.middle > div.button {
 grid-area: button;
 grid-row: 1;
 grid-column: 1;
 border: #F59C27 ridge 5px;
}

.middle > div.lists {
 grid-area: lists;
 grid-row: 1;
 grid-column: 2;
}

.middle > div.neigh {
 grid-area: neigh;
 grid-row: 1;
 grid-column: 3;
 border: #98EAF5 ridge 5px;
 overflow-y: scroll;
 height: 160px;
}

.middle > div.proc {
 grid-area: proc;
 grid-row: 1;
 grid-column: 4;
 border: green ridge 5px;
 background-image: url('https://file.garden/aEnK9GK7YhOgwBQV/third/tumblr_a4c8f4005d75223a1ea5db8d53ca9642_224fe1d2_1280.jpg');
}

.messages {
  display: grid;
 grid-template-areas:
    "cbox respons world";
 grid-template-columns: 1fr 1fr 1fr;
}

.messages > div.cbox {
 grid-area: cbox;
 grid-row: 1;
 grid-column: 1;
}

.messages > div.respons {
 grid-area: respons;
 grid-row: 1;
 grid-column: 2;
}

.messages > div.world {
 grid-area: world;
 grid-row: 1;
 grid-column: 3;
}