body{
    background-image: url("tile.png");
    background-size: auto;
  background-position: center;
}
.icon{
    margin: 1%;
    
}
.hidden{
    display:none;
}
.unhidden{
    display:block;
}
.panel{
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;    
background-color: #2F2F2F;
}
.panelb{
    right: 0;
    left: 0;
    bottom: 0;    
}
.lpan{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 10%;
    margin-top: 29%;
    margin-bottom: 0;
    margin-right: 150px;
    margin-left: 0;
}
.rpan{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 10%;
    margin-top: 29%;
    margin-bottom: 0;
    margin-left: 150px;
    margin-right: 0;
}


.folder{
  border: 0;
  position: absolute;
  top: 0;
left: 0;
  right: 0;
}
.folder1{
z-index: 3;
}
#about{
    margin-bottom: 1%;

}
#about1{
    margin-bottom: 1%;
}
.wrap{
  position: relative;
 text-align: center;
}

iframe{
    position:relative;
    left:0;
    right:0;
    top:50;
    bottom:0;
width: 746px;
height: 490px;
    margin:auto;
    
}