*{
   margin: 0;
   padding: 0;
}

body{
   overflow: hidden;
}

.container{
   position: relative;
   height: 100vh;
   width: 100%;
   /* background: url("bg.jpeg"); */
   /* background-size: 100% 100%; */
   background-image: linear-gradient(#06053d, #07065e, black);
}

video{
   height: 100vh;
   width: 100%;
}

.desktop{

}

.startmenu{
   display: flex;
   justify-content: center;
   position: absolute;
   width: 100%;
   text-align: center;
   bottom: -655px;
   transition: all 0.3s ease-in;
}

.startmenu img{
   border-radius: 8px;
}

.taskbar{
   display: flex;
   position: absolute;
   bottom: 0;
   background-color: rgb(246 242 242);
   width: 100%;
   justify-content: center;
}

.icons{

}

.rigthicons{
   position: absolute;
   right: 0;
}

.window_icon{
   position: absolute;
   left: 38%;
}

.edge_icon{
   position: absolute;
   width: 26px;
   height: 24px;
   left: 49.6%;
   bottom: 6px;
}

.explorer{
   position: absolute;
   width: 45px;
   left: 55.3%;
   bottom: 11.5px;
}

.explorer-window{
   position: absolute;
   background-color: whitesmoke;
   /* height: 75%; */
   height: 520px;
   width: 749px;
   top: 100%;
   display: flex;
   justify-content: center;
   margin-left: 20%;
   transition: all 0.3s ease-in;
   border-radius: 8px;
   overflow: auto;
}

.explorer-header{
   width: 100%;
   height: 140px;
}

.close-btn{
   position: absolute;
   height: 32px;
   width: 40px;
   right: 5px;
   top: 0;
}

.maximize-btn{
   position: absolute;
   height: 32px;
   width: 40px;
   right: 48px;
   top: 0;
}

.main-explorer{
   width: 100%;
   height: 85vh;
}
}