*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{width:100vw;height:100vh;overflow:hidden;background-color:#2f0664;background-image:url(/assets/desktop-bg.jpg);background-position:bottom;background-size:cover;font-family:Lato,sans-serif;font-size:16px;position:relative}.taskbar__container{position:fixed;bottom:0;left:0;width:100%;background-color:#1303328a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 15px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:.5px solid #413852;color:#ffffffd0;z-index:20}.taskbar__left__child{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:5px;cursor:default}.taskbar__left__child img{width:32px}.taskbar__left__child:hover{background-color:#2f0664}.taskbar__center__child{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.taskbar__center__child img{width:32px}.taskbar__center__child img:active{scale:.8;transition:all .2s ease}.taskbar__center__child .search__box{background-color:#2f0664;padding:10px 30px;border-radius:50px;color:#ccc;font-size:1rem;cursor:default;display:flex;flex-direction:row;align-items:center;justify-content:center}.taskbar__center__child .search__box i{margin-right:8px}.taskbar__center__child__1,.taskbar__center__child__3,.taskbar__center__child__4,.taskbar__center__child__5,.taskbar__center__child__6,.taskbar__center__child__7{padding:6px;border-radius:5px}.taskbar__center__child__1:hover,.taskbar__center__child__3:hover,.taskbar__center__child__4:hover,.taskbar__center__child__5:hover,.taskbar__center__child__6:hover,.taskbar__center__child__7:hover{background-color:#2f0664;transition:all .2s ease}.taskbar__right__child{display:flex;flex-direction:row-reverse;cursor:default}.taskbar__center__child__7{background-color:#2f0664;display:block}.taskbar__right__child__1{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:15px;font-size:.9rem;padding:8px 12px;border-radius:5px}.taskbar__right__child__1:hover{background-color:#2f0664}.taskbar__right__child__1 i{font-size:1.3rem}.taskbar__dateandtime{display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.taskbar__right__child__2{display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:15px;font-size:1.1rem;padding:8px 12px;border-radius:5px}.taskbar__right__child__2:hover{background-color:#2f0664}.desktop__container{color:#fff;padding:10px;font-size:.9rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;gap:10px;position:absolute;top:0;left:0;z-index:1}.desktop__container span{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:85px;height:85px}.desktop__container span:hover{background-color:#a0a0a03f}.notepad__container{position:absolute;top:15%;left:25%;z-index:2;width:50%;background-color:#130332;height:60%;color:#fff;border-radius:10px;border:.5px solid #413852;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;box-shadow:#1b1b1b33 0 7px 29px}.notepad__titlebar{background-color:#130332;width:100%;height:10%;display:flex;flex-direction:row;justify-content:space-between;padding-left:10px;cursor:grab}.notepad__titlebar__left__child{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:10px}.notepad__titlebar__left__child img{width:20px}.notepad__title{background-color:#23065c;padding:8px 10px 8px 15px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:200px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:.9rem;cursor:default}.notepad__title i{font-size:.8rem;padding:3px 6px;border-radius:3px}.notepad__title i:hover{background-color:#8584846e}.notepad__add{padding:3px 8px;border-radius:5px;font-size:1.2rem;cursor:default;margin-bottom:3px}.notepad__add:hover{background-color:#23065c}.notepad__titlebar__right__child{display:flex;flex-direction:row;align-items:flex-start;color:#ffffff96;cursor:default}.notepad__titlebar__right__child span{padding:5px 15px;font-size:1rem}.notepad__titlebar__right__child span:nth-of-type(2){font-size:.9rem}.notepad__titlebar__right__child span:hover{color:#fff}.notepad__titlebar__right__child span:last-of-type:hover{background-color:red}.notepad__menubar{background-color:#23065c;width:100%;height:7%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:2px 10px}.notepad__menubar__left__child{display:flex;gap:10px;font-size:.9rem}.notepad__menubar span{padding:5px 10px;cursor:default}.notepad__menubar span:hover{background-color:#370d6e}.notepad__menubar__right__child{font-size:.8rem}.notepad__textarea{background-color:#370d6e;width:100%;height:77%;display:flex;flex-direction:row;justify-content:flex-start;padding-inline:10px}.notepad__textarea textarea{background-color:transparent;border:none;color:#fff;resize:none;padding:10px;outline:none;width:100%;height:100%;font-size:1.2rem}.notepad__statusbar{background-color:#23065c;width:100%;height:6%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;font-size:.8rem;color:#ffffffea}.notepad__statusbar div:nth-of-type(1){width:30%;text-align:center}.notepad__statusbar div:nth-of-type(2){width:40%;text-align:center}.notepad__statusbar div:nth-of-type(3){width:30%;text-align:center}.notepad__statusbar div span{margin-right:30px}.startmenu__container{width:40%;height:70%;background-color:#2b0774;position:absolute;left:50%;bottom:-800px;transform:translate(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:10px;overflow:hidden;box-shadow:#1b1b1b33 0 7px 29px;border:.5px solid #413852;transition:all .3s ease;z-index:19}.startmenu__searchbar{width:80%;margin-top:50px}.startmenu__searchbar span{position:absolute;width:80%}.startmenu__searchbar span i{position:absolute;z-index:2;top:12px;left:20px;color:#fff}.startmenu__searchbar span input{width:100%;position:absolute;padding:12px 50px;border-radius:50px;color:#fff;background-color:#130332;border:none;outline:none;box-shadow:#1b1b1b33 0 7px 29px;border:.5px solid #413852}.startmenu__searchbar span input::placeholder{color:#ffffffd0}.pinned__container{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.startmenu__pinned{width:90%;color:#fff;display:flex;flex-direction:row;justify-content:space-between}.startmenu__pinned span:nth-child(1){font-weight:600;cursor:default}.startmenu__pinned span:nth-child(2){background-color:#130332;padding:5px 15px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:default}.startmenu__pinned span:nth-child(2):hover{background-color:#13033273}.startmenu__pinned span i{margin-left:15px;font-size:.7rem}.pinned__apps{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;width:100%;cursor:default}.pinned__apps span{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;gap:10px;width:90px;height:90px;border-radius:8px;font-size:.8rem}.pinned__apps span:hover{background-color:#130332}.pinned__apps span img{width:40px}.startmenu__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:8px 50px;background-color:#130332;color:#fff;position:relative}.startmenu__footer__left__child span{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:15px;padding:10px 20px;border-radius:5px;cursor:default}.startmenu__footer__left__child span:hover{background-color:#2f0664}.startmenu__footer__left__child img{width:40px;height:40px;border-radius:50%}.startmenu__footer__right__child i{font-size:1.2rem;padding:15px;border-radius:5px}.startmenu__footer__right__child i:hover{background-color:#2f0664}.power__options{position:absolute;right:10px;top:-210%;background-color:#2f0664;padding:5px;box-shadow:#1b1b1b33 0 7px 29px;border-radius:8px;display:none;transition:all .3s ease-in-out}.power__options ul{list-style:none}.power__options li{padding:10px;border-radius:5px;cursor:default}.power__options li:hover{background-color:#130332}.power__options ul i{margin-right:10px}.fileexplorer__addressbar__rightchild input{padding:8px 10px;width:100%;background-color:transparent;border:none;outline:none;color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#fff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff}.fileexplorer__container{position:absolute;top:15%;left:25%;z-index:2;width:50%;background-color:#130332;height:60%;color:#fff;border-radius:10px;border:.5px solid #413852;display:none;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;box-shadow:#1b1b1b33 0 7px 29px}.fileexplorer__titlebar{background-color:#130332;width:100%;height:10%;display:flex;flex-direction:row;justify-content:space-between;padding-left:10px;cursor:grab}.fileexplorer__titlebar__left__child{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:10px}.fileexplorer__titlebar__left__child img{width:20px}.fileexplorer__title{background-color:#23065c;padding:8px 10px 8px 15px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:200px;border-top-left-radius:8px;border-top-right-radius:8px;font-size:.9rem;cursor:default}.fileexplorer__title i{font-size:.8rem;padding:3px 6px;border-radius:3px}.fileexplorer__title i:hover{background-color:#8584846e}.fileexplorer__add{padding:3px 8px;border-radius:5px;font-size:1.2rem;cursor:default;margin-bottom:3px}.fileexplorer__add:hover{background-color:#23065c}.fileexplorer__titlebar__right__child{display:flex;flex-direction:row;align-items:flex-start;color:#ffffff96;cursor:default}.fileexplorer__titlebar__right__child span{padding:5px 15px;font-size:1rem}.fileexplorer__titlebar__right__child span:nth-of-type(2){font-size:.9rem}.fileexplorer__titlebar__right__child span:hover{color:#fff}.fileexplorer__titlebar__right__child span:last-of-type:hover{background-color:red}.fileexplorer__addressbar{height:10%;background-color:#23065c;width:100%;border-bottom:1px solid #413852;display:flex;justify-content:center;align-items:center;padding:10px;gap:10px}.fileexplorer__addressbar__leftchild{flex:1;padding:10px;display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;gap:10px}.fileexplorer__addressbar__leftchild i{opacity:.5;font-size:.8rem;padding:8px;border-radius:2px}.fileexplorer__addressbar__leftchild i:hover{background-color:#130332}.fileexplorer__addressbar__leftchild i:nth-of-type(3){opacity:1}.fileexplorer__addressbar__leftchild i:nth-of-type(4){opacity:1}.fileexplorer__addressbar__centerchild{flex:3;padding:5px 15px;background-color:#130332;border-radius:5px;cursor:default}.fileexplorer__addressbar__centerchild i{font-size:.8rem;padding:5px 10px}.fileexplorer__addressbar__centerchild i:hover{background-color:#23065c;border-radius:2px}.fileexplorer__addressbar__centerchild small{padding:5px 10px;border-radius:2px}.fileexplorer__addressbar__centerchild small:hover{background-color:#23065c}.fileexplorer__addressbar__rightchild{flex:2;background-color:#130332;border-radius:5px;overflow:hidden;position:relative}.fileexplorer__addressbar__rightchild input{padding:8px 10px;width:100%;background-color:transparent;border:none;outline:none}.fileexplorer__addressbar__rightchild input::placeholder{color:#fff;opacity:.8}.fileexplorer__addressbar__rightchild i{position:absolute;top:50%;right:15px;opacity:.8;transform:translateY(-50%);font-size:.7rem}.fileexplorer__mainsection{background-color:green;width:100%;height:75%;display:flex;flex-direction:row}.fileexplorer__mainsection__leftpanel{width:150px;background-color:#130332;border-right:1px solid #413852;overflow-y:scroll;padding-top:8px}.fileexplorer__mainsection__leftpanel li{padding-left:15px;padding-block:8px;display:flex;align-items:center;gap:10px;font-size:.8rem;cursor:pointer}.fileexplorer__mainsection__leftpanel li:hover{background-color:#23065c}.fileexplorer__mainsection__leftpanel__child1,.fileexplorer__mainsection__leftpanel__child2{margin-bottom:10px;border-bottom:1px solid #413852;padding-bottom:10px}.fileexplorer__mainsection__leftpanel__child1 img,.fileexplorer__mainsection__leftpanel__child2 img,.fileexplorer__mainsection__leftpanel__child3 img{width:20px}.directory{display:flex;font-size:1rem;gap:10px;cursor:pointer;width:100%;padding:8px 15px;flex:1}.directory:hover{background-color:#130332}.directory p{margin-top:7px;font-size:.9rem;border-radius:5px}.fileexplorer__mainsection__rightpanel{width:calc(100% - 150px);background-color:#23065c;padding:10px}.directories__container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;width:100%}.fileexplorer__statusbar{background-color:#23065c;width:100%;height:6%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;font-size:.8rem;color:#ffffffea;border-top:1px solid #413852}.fileexplorer__statusbar div:nth-of-type(1){width:30%;padding-left:5px;text-align:left}.fileexplorer__statusbar span{margin-right:10px}.lockscreen__container{position:absolute;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/lockscreenbg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;z-index:100;overflow:hidden}.lockscreen{width:100%;height:100%;position:absolute;top:0;z-index:101;color:#f0f8ff;display:flex;transition:all .5s ease;background-color:#0003}.lockscreen__datetime{position:absolute;top:10%;left:50%;transform:translate(-50%);text-align:center}.lockscreen__datetime p:nth-of-type(1){font-size:8rem;font-weight:700}.lockscreen__datetime p:nth-of-type(2){font-size:2rem;font-weight:700}.lockscreen__bottom__icon{position:fixed;bottom:30px;right:50px;display:flex;flex-direction:row-reverse;gap:30px;font-size:1.5rem}.loginscreen{width:100%;height:100%;position:absolute;top:100%;z-index:101;color:#f0f8ff;display:flex;justify-content:center;align-items:center;background-color:#0003;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .5s ease}.enter__pin{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.guestdp{border-radius:50%;width:150px;overflow:hidden}.enter__pin img{width:150px;scale:1.25}.enter__pin p{font-size:2rem}.enter__pin input{padding:8px 10px;width:280px;border-top:none;border-left:none;border-right:none;border-bottom:3px solid #19b5ff;border-radius:5px;outline:none;font-size:1.2rem;background-color:#00000049;color:#fff}input::-ms-reveal,input::-ms-clear{display:none}.enter__pin small{font-size:1rem;cursor:pointer}.enter__pin .inn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.enter__pin .outt{display:none;flex-direction:column;justify-content:center;align-items:center;gap:30px;margin-top:10px}.enter__pin .outt p{font-size:1.2rem}.enter__pin .outt button{padding:8px 20px;width:150px;font-size:1.2rem;border-radius:10px;border:none;outline:none;background-color:#fff;cursor:pointer}