body {margin: 20px;
margin-left: 200px;
margin-right:200px;
 font: 15px 'Courier New', monospace;
 background-image: url(https://fallingspecialplace.neocities.org/background/tumblr_f7afe0cb72ee210d6ac9cf551d8ab57a_d72140ee_100.gif);
}

* {
  box-sizing: border-box;
}

.grid-container {
  display: grid;
  grid-template:
    'header header header header header'
    'spacing hi hi hi spacing2'
    'spacing menu main right spacing2'
    'spacing footer footer footer spacing2'
    'warning warning warning warning warning';
    grid-template-columns: 4fr auto 6fr 3fr 5fr;
    grid-template-rows: 5fr auto 9fr auto 20px;
  grid-gap: 10px;
  padding: 10px;
}

.header {background: Pink;
grid-area: header;
background-image: url(https://fallingspecialplace.neocities.org/decor_pics/__hatsune_miku_luvdisc_meloetta_shellder_horsea_and_7_more_pokemon_and_2_more_drawn_by_rella__c428eaf3a1b9d3a7648adcd06a52f2b8.png);
background-size: cover;
background-position: center center;
  outline: solid LightSeaGreen 1px;
   padding-right: 30px;
   padding-top: 170px;
   padding-bottom: 0;
}

.spacing {background: Pink;
grid-area: spacing;
background-image: url(https://fallingspecialplace.neocities.org/buttons/__hatsune_miku_and_expo_miku_vocaloid_and_1_more_drawn_by_suzunosuke_sagula__2dafaec62c7a3234440398e1e8d2cc27.jpg);
background-size: cover;
background-position: center center;
  outline: solid SteelBlue 1px;
}

.spacing2 {background: Pink;
grid-area: spacing2;
background-image: url(https://fallingspecialplace.neocities.org/decor_pics/__hatsune_miku_vocaloid_drawn_by_ixima__ea79ee1e6afa26dea9b5e1c565a0c907.jpg);
background-size: cover;
  outline: solid SteelBlue 1px
}

.hi {
grid-area: hi;
justify-content: center;
  align-items: center;
}


.menu {
grid-area: menu;
}

.main {background: Pink;
grid-area: main;
}

.right {
grid-area: right;
}

.calendar {margin: 10px;
}

.footer {grid-area: footer;
justify-content: center;
  align-items: center;
}

.warning {background: Pink;
grid-area: warning;
}

.container {
 background-image: url(https://fallingspecialplace.neocities.org/buttons/tumblr_1bd0c7e9178ad814b6d73a66d2276c15_5b142d4a_250.webp);
  background-position: center;
  margin:5px;
 display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 20px;
   border: solid SteelBlue 1px
}

.containermenu {
 background-image: url(https://fallingspecialplace.neocities.org/buttons/tumblr_nf401qZCOv1u289dqo2_400.jpg);
  background-position: center;
  margin:5px;
 display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  font-size: 20px;
  border: solid CadetBlue 1px;
}

.container2 {
 display: flex;
  justify-content: center;
  align-items: center;
  background-color: lightpink;
  margin:5px;
}

.grid-container > div {
  text-align: center;
}

.buttongrp {
  display: flex;
  flex-direction: column;
  }
  
.button {
  border: solid teal 1px;
  width:150px;
  padding: 10px;
  text-decoration: none;
  margin: 5px 5px;
  cursor: pointer;
  transition-duration: 0.4s;
  background-image: url(https://fallingspecialplace.neocities.org/buttons/tumblr_6ed6ce5610a358bad0417a5409d59744_3cfa0aa1_100.webp);
  background-position: center;
}

.button:hover {
  color: CadetBlue;
  box-shadow:0 6px 12px 0 rgba(0,0,0,0.6);
}

.containerbutton {
 display: flex;
 border: solid Teal 1px;
  justify-content: center;
  align-items: center;
  margin:5px;
  background-image: url(https://fallingspecialplace.neocities.org/buttons/tumblr_e183d5402776c3eef29625c39ee0ab52_072bdf22_1280.jpg);
}

.containerbuttonright {
 display: flex;
 border: solid Teal 1px;
  justify-content: center;
  align-items: center;
  margin:5px;
  background-image: url(https://fallingspecialplace.neocities.org/buttons/tumblr_d9d70059d846ad9ff10b6890c6a88eaa_ebe9d2a7_250.jpg);
}

.buttonright {
  border: solid teal 1px;
  width:150px;
  padding: 10px;
  text-decoration: none;
  margin: 5px 5px;
  cursor: pointer;
  transition-duration: 0.4s;
  background-image: url(https://fallingspecialplace.neocities.org/background/tumblr_f7afe0cb72ee210d6ac9cf551d8ab57a_d72140ee_100.gif);
  background-position: center;
}

.buttonright:hover {
  color: CadetBlue;
  box-shadow:0 6px 12px 0 rgba(0,0,0,0.6);
}

.containerright {
 background-image: url(https://fallingspecialplace.neocities.org/buttons/tumblr_1bd0c7e9178ad814b6d73a66d2276c15_5b142d4a_250.webp);
  background-position: center;
  margin:5px;
 display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  font-size: 20px;
   border: solid SteelBlue 1px
}

.one {
  border-bottom: 1px solid #555;
}

.floating-image {
  position: fixed;   /* or absolute */
  top: 0px;
  left: 120px;

  z-index: 999;     /* higher = on top */
  Width: auto;
  height: 50%;
}

.floating-image2 {
  position: fixed;   /* or absolute */
  bottom: 0px;
right: 60px;

  z-index: 999;     /* higher = on top */
  Width: auto;
  height: 30%;
}