body{
    margin:0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; 
    background-color: #000000;
    color: #00ff00;
    overflow-y: scroll;
}

.logo{
    
    height: 200px;
    margin-left: 1.5%;
    margin-top: 1.5%;
    
}

.grid3{
    display: grid;
    position: absolute;
    top: 15%;
    width: 100%;
    grid-template-columns: [blank1] 10% [pictogram] 80% [blank2] 10%;
}

.black1{
    grid-column: 1/2;
    border: #ff0000 solid;
}


.black2{
    grid-column: 3/4;
    border: #ff0000 solid;
}

.pictogram{
    grid-column: 2/3;
    
    
}

.grid6{
    display: grid;
    width: 100%;
    grid-template-columns: [c1] 12.5% [b1] 5% [c2] 12.5% [b2] 5% [c3] 12.5% [b3] 5% [c4] 12.5% [b4] 5% [c5] 12.5% [b5] 5% [c6] 12.5%
}

.grid_1{
    grid-column: 1/2;
    width: 70%;
    height: 70%;

}

.grid_2{
    grid-column: 3/4;
    width: 70%;
    height: 70%;



}

.grid_3{
    grid-column: 5/6;
    width: 70%;
    height: 70%;


}

.grid_4{
    grid-column: 7/8;
    width: 70%;
    height: 70%;


}

.grid_5{
    grid-column: 9/10;
    width: 70%;
    height: 70%;


}

.grid_6{
    grid-column: 11/12;
    width: 70%;
    height: 70%;


}

#floating {
   width: 200px;
   height: 200px;
   display: none;
   position: fixed;
}

#float{
   width: 100%;
   height: 100%;
}