body {overflow:hidden;margin:0;width:100vw;height:100vh;background:purple;}


#wrapper{background:orange;height:100%;display:flex;flex-direction:column;}

#top{width:100%;background:lightblue;display:flex;justify-content:space-between;}
#left{}
#middle{}
#right{}

#content{margin:0;height:100%;display:flex;background:lightblue;width:100%;position:relative;}

#icons{background:white;display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;max-width:80px;left:0;top:0;bottom:0;gap:50px;}
.icons{background:pink;text-align:center;min-height:0;}
.img img{width:100%;height:auto;filter: drop-shadow(0px 0px 1px #222) drop-shadow(0px 0px 1px #222);}


.w_top{border-top:1px solid;border-left:1px solid;border-right:1px solid;}
.w{border:1px solid;}

#content:nth-child(2) #w:nth-child(3) .w,
#content:nth-child(2) #w:nth-child(4) .window:first-child .w, #content:nth-child(2) #w:nth-child(2) .w{border-top:0;}

#w{display:flex;flex:1;}
#content:nth-child(2) #w:nth-child(2){background:green;justify-content:flex-end;}
#content:nth-child(2) #w:nth-child(2) .window{align-self:flex-end;}

#content:nth-child(2) #w:nth-child(3){background:lightblue;justify-content:center;}
#content:nth-child(2) #w:nth-child(3) .window{align-self:center;flex:1;}

#content:nth-child(2) #w:nth-child(4){background:orange;flex-direction:column;gap:50px;justify-content:space-around;}
#content:nth-child(2) #w:nth-child(4) .window:first-child{align-self:center;}
#content:nth-child(2) #w:nth-child(4) .window:nth-child(2){align-self:flex-end;}
#content:nth-child(2) #w:nth-child(4) .window:nth-child(2) .w, #content:nth-child(2) #w:nth-child(4) .window:last-child .w{border-radius:5px;}

#content:nth-child(2) #w:nth-child(4) .window:last-child{align-self:flex-end;}

.w_top{background:purple;border-top-right-radius:5px;border-top-left-radius:5px;padding:5px;display:flex;justify-content:space-between;}
.w_top div:first-child{background:orange;}
.w_top #searchbar{background:green;border-radius:5px;}
.w_top .buttonz{display:flex;gap:5px;}
.window{width:350px;}
.w{background:white;border-bottom-right-radius:5px;border-bottom-left-radius:5px;padding:5px;}

#taskbar{width:400px;border-radius:10px;position:absolute;bottom:0;left:0;right:0;margin:0 auto;background:white;height:80px;padding:10px 0px;border:1px solid;
  filter: drop-shadow(0px 0px 1px #222) drop-shadow(0px 0px 1px #222);}

#buttons{width:100%;justify-content:space-around;display:flex;}

.button{background-image:url('https://i.ibb.co/jz8hQvS/8926c77a2f9db02dff9cd587546b3a7e-removebg-preview.png');width:80px;height:80px;background-repeat:no-repeat;background-size:cover;background-position:center center;filter: drop-shadow(0px 0px 1px #222) drop-shadow(0px 0px 1px #222);}