body{
    background-image: url("back1.png");
}
#main {
    position: absolute;
    display: inline-block;
    height: 100px;
    left: 15%;
    border-collapse: separate;
    border-spacing: 2px;
}
#spp{
    width: 500px;
    background-color: #0ce97a;
}
#seeold{
    position:absolute; 
    background-color: #efefef;
    width: 50%;
    left:200px;
}
ul {
    list-style: none;
    width:93%;
  }
.post{
    display: inline-block;
    overflow-wrap : break-word;
    border-width: 1px;
    margin-bottom: 8px;
    padding: 8px;
    max-width: 1000px;
    width:100%;
}
iframe { 
    width: 150px;
     height: 100vh;
     position: fixed;
     top: 0px;
     z-index: 100;
}
#sideber{
    background-color: #ffffff;
}
#side{
        width: 180px;
        height: 100vh;
        float: left;
        margin: 0;
        padding: 0;
        position:relative; 
        right: 10px;
}
#canvas{
    position:absolute;
}
#canvass{
    position: absolute;
}
#nitaaa{
    background-color: #efefef;
}
#magoogle{
    display:inline-flex;
}