body {
  background: black;
  background: url("gifs/staticy.gif");
  margin: 0px;
  background-color: black;
  background-repeat: no-repeat; 
  background-position: center;
  background-attachment: fixed;
  background-size:100vw 80vh;
  cursor: url("gifs/cursor.gif"), auto;
  text-align: center;
  font-family: ms pgothic;
  font-size: 17px;
color: white;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.parent {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 20px;
  }
  
  .div1 { grid-area: 1 / 2 / 2 / 3; }
  .div2 { grid-area: 2 / 2 / 3 / 3; }
  .div3 { grid-area: 1 / 3 / 4 / 4; }
  
        
        
.boxinside {
    background: rgba(0, 0, 0, 0.9);
    border: 2px solid blue;
    outline: 2px solid blueviolet;
    border-radius: 20px;
    padding: 10px;
    box-shadow: 0 0 20px 5px #8f00fe;
    }
  .imgbox{
    position: absolute;
    height:100%;
  }
  .sideb {
    transition: .8s ease;
    }
  .sideb:hover {
  -webkit-box-shadow: 0px 0px 100px 0px rgba(196,16,255,1);
  -moz-box-shadow: 0px 0px 100px 0px rgba(196,16,255,1);
  box-shadow: 0px 0px 100px 0px rgba(196,16,255,1);
  transition: .8s ease;
    }