html,body,#root,.container{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;touch-action:none}.welcome-loading-container{position:absolute;width:100%;top:10%;display:flex;flex-direction:column;align-items:center}.welcome-loading-container p{font-size:35px;margin-bottom:20px}.welcome-loading-container .welcome-loading-bar{width:80%}.container{display:flex;flex-direction:column;justify-content:center;background-color:#d9d8d0;touch-action:none}h1{font-size:5rem;font-family:Inter,Avenir,Helvetica,Arial,sans-serif;text-align:center;padding:2rem}.start-button{cursor:pointer;font-family:Raleway,sans-serif;font-size:18px;font-weight:600;line-height:1.5;letter-spacing:1px;text-transform:uppercase;align-self:center;width:max-content;padding:2rem;text-decoration:none;display:inline-block;position:relative;height:50px;line-height:50px;text-align:center;transform:translateY(-1000px);-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .4s ease-out;position:absolute;top:15%;z-index:99999999}.start-button .text{padding:0 50px;visibility:hidden;line-height:50px;box-sizing:content-box}.start-button .flip-front,.start-button .flip-back{position:absolute;left:0;top:0;width:100%;height:100%;line-height:50px;display:flex;justify-content:center;align-items:center;-webkit-transform-style:flat;transform-style:flat;-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:all .5s ease-out}.start-button .flip-front{color:#313131;border:2px solid #313131;background-color:transparent;-webkit-transform:rotateX(0deg) translateZ(25px);-ms-transform:rotateX(0deg) translateZ(25px);-o-transform:rotateX(0deg) translateZ(25px);transform:rotateX(0) translateZ(25px)}.start-button .flip-back{color:#fff;background-color:#313131;border:2px solid #313131;-webkit-transform:rotateX(90deg) translateZ(25px);-ms-transform:rotateX(90deg) translateZ(25px);-o-transform:rotateX(90deg) translateZ(25px);transform:rotateX(90deg) translateZ(25px);font-family:Noto Sans Arabic,sans-serif}.start-button:hover .flip-front{-webkit-transform:rotateX(-90deg) translateZ(25px);-ms-transform:rotateX(-90deg) translateZ(25px);-o-transform:rotateX(-90deg) translateZ(25px);transform:rotateX(-90deg) translateZ(25px)}.start-button:hover .flip-back{-webkit-transform:rotateX(0deg) translateZ(25px);-ms-transform:rotateX(0deg) translateZ(25px);-o-transform:rotateX(0deg) translateZ(25px);transform:rotateX(0) translateZ(25px)}.main-site-content{position:absolute;width:100%;height:calc(100% - 40px);height:100%;top:60px;top:0px;background-color:#e6e6e6;opacity:0;z-index:-1;touch-action:none}.main-site-content h1{transform:translate(-100%);transition:all .5s;transition-timing-function:ease-in-out}.main-site-start h1{transform:translate(0)}.my-computer-container{touch-action:none;cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;justify-content:space-between;position:absolute;left:1%;top:7%}.about-me-window{transform:scale(1);position:absolute!important;top:20%;left:20%}@media (max-width: 650px){.about-me-window{width:300px!important}}@media (max-width: 430px){.about-me-window{width:300px!important;right:5px}}@media (max-height: 800px){.about-me-window{top:23%}}.not-active-window{width:350px;position:absolute!important;left:60%;top:60%}.not-active-window .window-title{display:flex;align-items:center;justify-content:space-between}.not-active-window .window-title .close-icon{display:inline-block;width:16px;height:16px;margin-left:-1px;margin-top:-1px;transform:rotate(45deg);position:relative}.not-active-window .window-title .close-icon:before,.not-active-window .window-title .close-icon:after{content:"";position:absolute;background-color:#000}.not-active-window .window-title .close-icon:before{height:100%;width:3px;left:50%;transform:translate(-50%)}.not-active-window .window-title .close-icon:after{height:3px;width:100%;left:0px;top:50%;transform:translateY(-50%)}@media (max-width: 935px){.not-active-window{width:250px}}@media (max-width: 650px){.not-active-window{width:250px;top:75%;left:50%}}@media (max-width: 490px){.not-active-window{width:250px;left:40%}}@media (max-width: 430px){.not-active-window{width:250px;left:20%}}.my-computer-window{position:absolute!important;width:40%;height:55%;left:19%;top:19%}.my-computer-window .window-title{display:flex;align-items:center;justify-content:space-between}.my-computer-window .window-title .close-icon{display:inline-block;width:16px;height:16px;margin-left:-1px;margin-top:-1px;transform:rotate(45deg);position:relative}.my-computer-window .window-title .close-icon:before,.my-computer-window .window-title .close-icon:after{content:"";position:absolute;background-color:#000}.my-computer-window .window-title .close-icon:before{height:100%;width:3px;left:50%;transform:translate(-50%)}.my-computer-window .window-title .close-icon:after{height:3px;width:100%;left:0px;top:50%;transform:translateY(-50%)}.my-computer-window .window-title .full-screen-icon{margin-left:auto;margin-right:5px}.my-computer-window .content-container{display:flex;gap:20px}@media (max-width: 935px){.my-computer-window{width:60%}}@media (max-width: 501px){.my-computer-window{width:80%;height:40%;left:15%}}.window-title{display:flex;align-items:center;justify-content:space-between}.window-title .close-icon{display:inline-block;width:16px;height:16px;margin-left:-1px;margin-top:-1px;transform:rotate(45deg);position:relative}.window-title .close-icon:before,.window-title .close-icon:after{content:"";position:absolute;background-color:#000}.window-title .close-icon:before{height:100%;width:3px;left:50%;transform:translate(-50%)}.window-title .close-icon:after{height:3px;width:100%;left:0px;top:50%;transform:translateY(-50%)}.window-title .full-screen-icon{margin-left:auto;margin-right:5px}.settings-window{width:320px;position:absolute!important;left:10%;top:20%}.pictures-window{position:absolute!important;top:15%;left:30%;width:600px;height:400px;z-index:9999}@media (max-width: 935px){.pictures-window{top:15%;left:10%;width:400px;height:400px}}@media (max-width: 430px){.pictures-window{top:15%;left:5%;width:300px;height:400px}}.images-container{display:flex;gap:20px}.images-container .pic{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.tut-container-styles{width:500px;height:700px;background-color:#fff;border:3px solid #313131;z-index:99999999;position:fixed;top:10%;left:50%;transform:translate(-50%,-50%)}.pic-header{background-color:#000;color:#fff;padding:5px 10px;display:flex;justify-content:space-between;align-items:center}.pic-header .close-pic{cursor:pointer}.tut-bg-container{width:155px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);outline:5px dotted #a99;overflow:visible;z-index:-1}.left-eye{position:absolute;top:317px;left:217px;transform:rotate(0)}.right-eye{position:absolute;top:317px;left:254px}.pic-two-container-styles{width:500px;height:700px;background-color:#fff;border:3px solid #313131;z-index:99999;position:fixed;top:10%;left:50%;transform:translate(-50%,-50%)}.pic-two-container-styles .pic-two-img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);outline:5px dotted #a99}@media (max-width: 935px){.pic-two-container-styles{width:300px;height:600px;top:10%;left:20%}}.notepad-launcher{cursor:pointer;display:inline-flex;flex-direction:column;align-items:flex-end;justify-content:space-between;position:absolute;left:1.5%;top:21%;gap:4px}.notepad-launcher img{width:62px}@media (max-height: 800px){.notepad-launcher{top:25%}}.notepad-window{width:600px;min-height:400px;position:absolute;left:50%;top:10%;transform:translate(-50%)}@media (max-width: 1160px){.notepad-window{width:500px;left:5px}}@media (max-width: 930px){.notepad-window{width:500px;left:5px}}@media (max-width: 501px){.notepad-window{width:350px;left:5%}}.saving-confirmation-window{position:absolute!important;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.proejcts-folder-icon{cursor:pointer;position:absolute;top:33%;left:1.5%;display:flex;flex-direction:column;justify-content:flex-start}.proejcts-folder-icon img{width:62px}@media (max-height: 800px){.proejcts-folder-icon{top:44%}}.projects-window{position:absolute!important;left:20%;top:5%;width:500px;height:400px}@media (max-width: 490px){.projects-window{left:10%;top:7%;width:400px;height:350px}}@media (max-width: 430px){.projects-window{left:5%;width:350px}}.internet-explorer-container{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.internet-explorer-container img{width:50px}.paint-window{width:500px;height:600px;position:absolute!important;left:30%;top:60px}@media (max-width: 750px){.paint-window{width:500px;left:20px}}@media (max-width: 550px){.paint-window{width:400px;left:20px}}@media (max-width: 430px){.paint-window{width:370px;left:10px}}.printer-container{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;justify-content:space-between;position:absolute;left:1%;top:45%}.printer-container img{width:72px}@media (max-height: 800px){.printer-container{top:60%}}.profile-window{width:500px;height:500px;top:20%;left:40%}@media (max-width: 610px){.profile-window{width:450px;left:5%}}@media (max-width: 500px){.profile-window{width:400px;left:5%}}@media (max-width: 430px){.profile-window{width:350px;height:450px}}.profile-content-container{height:100%;display:flex;justify-content:space-between;gap:15px}.profile-content-container .left-side-container img{width:140px}@media (max-width: 850px){.profile-content-container .left-side-container img{width:100px}}@media (max-width: 550px){.profile-content-container .left-side-container img{width:100px}}@media (max-width: 430px){.profile-content-container .left-side-container img{width:50px}}@media (max-width: 550px){.profile-content-container .right-side-container{font-size:14px}}.profile-content-container .right-side-container .details{margin-left:15px}.music-folder-window{width:350px;height:350px;position:absolute;left:45%;top:20%}@media (max-width: 501px){.music-folder-window{left:10%}}@media (max-width: 430px){.music-folder-window{left:6%}}.song-one-container-styles{width:500px;height:600px;background-color:#fff;border:3px solid #313131;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.song-one-container-styles .song-one-img{width:200px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.song-one-container-styles .play-btn{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);border-radius:50%!important}.song-one-container-styles .stop-btn{position:absolute;top:67%;left:50%;transform:translate(-50%,-50%);border-radius:50%!important}@media (max-width: 935px){.song-one-container-styles{width:300px;top:10%;left:20%}}.song-header{background-color:#000;color:#fff;padding:5px 10px;display:flex;justify-content:space-between;align-items:center}.song-header .close-song{cursor:pointer}div{touchaction:"none"!important}.drag-heading{font-size:40px;transform:translate(-273px,-222px);opacity:0}.contact-me-window{position:fixed!important;z-index:500;width:400px;height:400px;top:15%;left:30%}@media (max-width: 501px){.contact-me-window{left:15%}}@media (max-width: 430px){.contact-me-window{width:330px;left:10%}}.socials-group .socials-text{display:inline-block;margin-right:5px}.socials-group span{cursor:pointer}.socials-group span:not(:last-of-type){margin-right:10px}.desktop-folder-icon{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:4px;position:absolute;user-select:none}.desktop-folder-icon span{font-size:12px;color:#fff;background-color:#000080b3;padding:1px 3px;max-width:80px;text-align:center;word-break:break-word}.folder-name-input{font-family:ms_sans_serif,sans-serif;font-size:12px;width:72px;text-align:center;border:1px dotted #000080;background:#fff;padding:1px 2px}@keyframes mail-slide-in{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.mail-toast{position:fixed;bottom:44px;right:8px;width:220px;background:#c0c0c0;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:2px 2px #000;z-index:99999;cursor:pointer;animation:mail-slide-in .3s ease-out;font-family:ms_sans_serif,sans-serif}.mail-toast .mail-toast-header{background:#000080;color:#fff;font-size:11px;padding:3px 6px;display:flex;justify-content:space-between;align-items:center}.mail-toast .mail-toast-header .mail-toast-close{cursor:pointer;font-size:10px;line-height:1;padding:1px 3px;background:#c0c0c0;color:#000;border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040}.mail-toast .mail-toast-body{padding:8px 10px;font-size:12px}.mail-toast .mail-toast-body strong{display:block;margin-bottom:3px}.mail-toast .mail-toast-body p{color:#333}.snake-window{position:absolute!important;left:25%;top:10%;width:fit-content}.minesweeper-window{position:absolute!important;left:30%;top:12%;width:fit-content}.sticky-note{width:140px;background:#ffff88;border:1px solid #cccc00;box-shadow:2px 2px 4px #0000004d;font-family:ms_sans_serif,sans-serif;font-size:12px}.sticky-note .sticky-note-header{background:#e6c800;padding:2px 4px;display:flex;justify-content:space-between;align-items:center;cursor:move}.sticky-note .sticky-note-close{background:none;border:none;cursor:pointer;font-size:10px;padding:0 2px;line-height:1;color:#333}.sticky-note .sticky-note-close:hover{color:red}.sticky-note .sticky-note-text{width:100%;height:90px;border:none;background:transparent;resize:none;padding:4px;font-family:ms_sans_serif,sans-serif;font-size:12px;outline:none;box-sizing:border-box}.sticky-note-desktop{position:absolute;z-index:2}.folder-notepad{width:150px;background:#fff;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;font-family:ms_sans_serif,sans-serif;font-size:12px}.folder-notepad .folder-notepad-header{background:#000080;color:#fff;padding:2px 4px;display:flex;align-items:center;gap:4px}.folder-notepad .folder-notepad-header .folder-notepad-name{flex:1;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-notepad .folder-notepad-text{width:100%;height:100px;border:none;resize:none;padding:4px;font-family:ms_sans_serif,sans-serif;font-size:12px;outline:none;box-sizing:border-box;background:#fff}.folder-file-icon{cursor:pointer;display:inline-flex;flex-direction:column;align-items:center;gap:4px;user-select:none}.folder-file-icon span{font-size:11px;color:#000;background-color:#00008026;padding:1px 3px;max-width:70px;text-align:center;word-break:break-word}.folder-file-icon:hover span{background-color:#00008059;color:#fff}.telephone-folder{cursor:pointer;display:flex;flex-direction:column;align-items:center}.telephone-folder .telephoneIcon{width:35px}*{margin:0;padding:0}*,*:after,*:before{box-sizing:border-box}