html,body,#root{width:100%;height:100%;margin:0;padding:0;font-family:sans-serif}.os-desktop{background-color:#336;background-image:url(/portfolio/assets/wallpapers/bg-windows-xp.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:relative;overflow:hidden}.window-header{color:#fff;z-index:1;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,#0078d4,#005a9e);border-bottom:1px solid #005a9e;justify-content:flex-start;align-items:center;padding:6px 10px;font-weight:700;display:flex;position:relative}.window-header span{cursor:default;z-index:3;flex-grow:1;padding:0 10px 0 0;position:relative}.drag-layer{z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;cursor:grab!important}.window-header div{z-index:3;display:flex;position:relative}.window-header button{color:#000;cursor:pointer;background:silver;border:1px solid #000;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;margin-left:5px;padding:2px;font-size:.9em;font-weight:700;line-height:1;transition:background .2s;display:flex}.window-header .minimize-button{font-size:1.2em}.window-header .maximize-button{font-size:1.1em}.window-header .close-button{color:#fff;background:#e81123;border:none;width:25px}.window-content{background-color:#f0f0f0;height:100%;padding:15px;overflow:auto}.window-header button:hover{background:#dcdcdc}.window-header .close-button:hover{color:#fff;background:#ce4e58}.browser-nav-buttons button:hover{background-color:#e6e6e6;border-color:#999}.taskbar{z-index:10000;background-color:silver;border-top:1px solid #fff;align-items:center;width:100%;height:40px;padding:0 5px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -1px 5px #0000004d}.start-button{color:#fff;cursor:pointer;background:linear-gradient(#0078d4,#005a9e);border:1px outset #fff;margin-right:10px;padding:5px 15px;font-weight:700}.taskbar-tasks{flex-grow:1;gap:5px;height:100%;display:flex}.taskbar-item{cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background-color:#d4d0c8;border:1px outset #fff;flex-shrink:0;max-width:150px;margin:5px 0;padding:5px 10px;line-height:1.5;overflow:hidden}.taskbar-item.active{color:#fff;background-color:#0078d4;border:1px inset #000}.desktop-icons-container{flex-direction:column;padding:10px;display:flex;position:absolute;top:0;left:0}.desktop-icon{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-direction:column;align-items:center;width:80px;margin:5px 10px;padding:5px;display:flex}.desktop-icon:hover{background-color:#fff3;border:1px dotted #ffffff80;border-radius:5px}.icon-image{filter:drop-shadow(0 2px 2px #00000080);width:40px;height:40px}.icon-name{color:#fff;text-shadow:0 1px 5px #010101;background-color:#00000029;border-radius:3px;margin-top:5px;padding:1px 3px;font-size:.75em}.browser-app{background-color:#fff;flex-direction:column;width:100%;height:100%;display:flex}.browser-toolbar{background-color:#f2f2f2;border-bottom:1px solid #ccc;flex-shrink:0;align-items:center;padding:5px;display:flex}.browser-address-bar{background-color:#fff;border:1px solid #ccc;border-radius:15px;flex-grow:1;margin:0 10px;padding:5px 10px;font-size:.9em}.browser-iframe{border:none;flex-grow:1;width:100%}.notepad-app{background-color:#fff;width:100%;height:100%;margin:0;padding:0}.notepad-textarea{box-sizing:border-box;resize:none;border:none;outline:none;width:100%;height:100%;padding:10px;font-family:Courier New,monospace;font-size:14px;line-height:1.5}.taskbar-item{align-items:center;display:flex}.taskbar-icon{object-fit:contain;width:20px;height:20px;margin-right:8px}.taskbar-search-container{margin-right:20px;position:relative}.taskbar-search-input{border:1px solid #7f7f7f;border-radius:3px;width:250px;padding:5px 10px;font-size:.9em;box-shadow:inset 0 1px 2px #0000001a}.taskbar-search-results{z-index:9999;background-color:#fff;border:1px solid #7f7f7f;width:100%;max-height:400px;position:absolute;bottom:40px;left:0;overflow-y:auto;box-shadow:0 4px 8px #0003}.taskbar-search-item{cursor:pointer;align-items:center;padding:8px 10px;transition:background-color .1s;display:flex}.taskbar-search-item:hover{color:#fff;background-color:#0078d4}.taskbar-search-no-results{color:#555;padding:8px 10px;font-size:.9em}.status-icons{align-items:center;margin-right:10px;display:flex}.status-icon{opacity:.8;width:16px;height:16px;margin-right:5px}.taskbar-time{padding:0 5px;font-size:.85em;font-weight:700}.taskbar-notification-area{background-color:#d4d0c8;border-left:1px solid #fff;align-items:center;height:100%;margin-left:auto;padding:0 5px;display:flex;box-shadow:inset 1px 0 2px #0003}.taskbar-time-date{flex-direction:column;align-items:flex-end;padding:0 5px;line-height:1;display:flex}.taskbar-time-line{font-size:.85em;font-weight:700}.taskbar-date-line{font-size:.7em;font-weight:400}.start-menu-backdrop{z-index:9000;width:100%;height:100%;position:absolute;top:0;left:0}.start-menu-container{z-index:9900;background-color:#f0f0f0;border:1px solid #000;width:380px;height:500px;font-size:.9em;display:flex;position:absolute;bottom:40px;left:0;box-shadow:4px 4px 10px #00000080}.start-menu-sidebar{color:#fff;background:linear-gradient(#0078d4,#005a9e);flex-direction:column;justify-content:space-between;align-items:center;width:30%;padding:10px 5px 5px;display:flex}.user-profile{flex-direction:column;align-items:center;margin-bottom:20px;display:flex}.user-icon{background-color:#fff;border-radius:50%;width:60px;height:60px;margin-bottom:5px}.user-name{text-align:center;font-size:1.1em;font-weight:700}.start-menu-shutdown-button{color:#000;cursor:pointer;background-color:silver;border:1px outset #fff;width:90%;padding:5px}.start-menu-app-list{width:70%;padding:10px 0;overflow-y:auto}.start-menu-item{cursor:pointer;align-items:center;margin:2px 0;padding:5px 10px;transition:background-color .1s;display:flex}.start-menu-item:hover{color:#fff;background-color:#0078d4}.start-menu-icon{object-fit:contain;width:24px;height:24px;margin-right:10px}hr{border:none;border-top:1px solid #ccc;margin:10px 5px}.start-menu-search-container{border-bottom:1px solid #ccc;margin-bottom:5px;padding:5px 10px 10px}.start-menu-search-input{box-sizing:border-box;border:1px solid #7f9db9;width:100%;padding:5px 8px;font-size:1em;box-shadow:inset 1px 1px #e0e0e0,inset -1px -1px #fff}.start-menu-no-results{color:#666;text-align:center;padding:10px}.app-list-header{color:#555;border-bottom:1px solid #ccc;margin-bottom:0;padding:5px 10px;font-size:.9em}.start-button:hover{background:linear-gradient(#005a9e,#0078d4);border:1px outset #fff;box-shadow:0 0 5px #ffffff80}.lock-screen-backdrop{color:#fff;z-index:10001;background-image:url(/portfolio/assets/wallpapers/lockscreen.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:sans-serif;display:flex;position:fixed;top:0;left:0}.lock-screen-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:10px;flex-direction:column;align-items:center;padding:30px 50px;display:flex;box-shadow:0 0 30px #00000080}.lock-user-icon{border:3px solid #fffc;border-radius:50%;width:90px;height:90px;margin-bottom:10px}.lock-user-name{margin-bottom:30px;font-size:1.8em;font-weight:300}.lock-login-form{display:flex}.lock-password-input{text-align:center;border:none;border-radius:5px 0 0 5px;outline:none;width:250px;padding:10px 15px;font-size:1em}.lock-password-input::placeholder{color:#aaa}.lock-login-button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:0 5px 5px 0;padding:10px 15px;font-size:1.2em;transition:background .2s}.lock-login-button:hover{background:#43a047}.lock-os-info{opacity:.7;font-size:.8em;position:absolute;bottom:20px;left:20px}.lock-screen-backdrop{position:fixed}.lock-time-info{text-align:left;color:#fff;text-shadow:2px 2px 5px #000000b3;position:absolute;bottom:50px;left:50px}.lock-current-time{font-size:5em;font-weight:200;line-height:1}.lock-current-date{margin-top:5px;font-size:1.5em;font-weight:400}.lock-screen-backdrop{transition:opacity .1s ease-in-out}.lock-screen-backdrop.fade-out{opacity:0;pointer-events:none}@media (max-width:768px){body,html{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.os-desktop{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden;background-color:#0000!important}.lock-screen-backdrop{transition:opacity .5s ease-in-out}.lock-screen-mobile{color:#fff;text-shadow:0 0 5px #00000080;background-color:#000;background-image:url(/portfolio/assets/wallpapers/mon_fond_ios.png);background-position:50%;background-size:cover;flex-direction:column;justify-content:space-between;align-items:center;width:100vw;height:100vh;display:flex}.lock-screen-box,.lock-time-info,.lock-os-info{display:none!important}.mobile-lock-status-bar{z-index:10000;justify-content:space-between;width:90%;padding:3px 40px;font-size:1.3em;font-weight:500;display:flex;position:fixed;top:0;left:0}.mobile-lock-center{text-align:center;flex-direction:column;align-items:center;margin-top:15vh;padding:0;display:flex}.mobile-lock-big-date{order:1;margin-bottom:5px;font-size:1.3em;font-weight:400}.mobile-lock-big-time{order:2;font-size:8em;font-weight:300;line-height:1}.mobile-lock-swipe-text{opacity:.7;padding-bottom:50px}.mobile-homescreen{box-sizing:border-box;background-image:url(/portfolio/assets/wallpapers/wallpaperios.jpg);background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:100%;padding-bottom:80px;display:flex}.mobile-app-grid{grid-template-columns:repeat(2,1fr);gap:100px 5px;width:100%;max-width:450px;padding:0 10px;display:grid}.mobile-app-icon{text-align:center;cursor:pointer;flex-direction:column;align-items:center;display:flex}.mobile-icon-image{border-radius:18px;width:35%;height:auto;margin-bottom:5px;box-shadow:0 4px 8px #0000004d}.mobile-icon-label{color:#fff;text-shadow:1px 1px 10px #000;justify-content:center;font-weight:500;display:flex}}.mobile-app-fullscreen{z-index:9999;background-color:#fff;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.mobile-browser-container{flex-direction:column;width:100%;height:100%;display:flex}.mobile-browser-toolbar{box-sizing:border-box;z-index:1000;cursor:pointer;background-image:url(/portfolio/assets/images/mobile-home-bg.jpg);background-position:50%;background-size:cover;border-bottom:1px solid #2d2d2d;align-items:center;width:100%;height:60px;padding:0 10px;font-family:Arial,monospace;font-size:160%;display:flex;position:relative}.mobile-browser-back{color:#007aff;cursor:pointer;z-index:1010;background:0 0;border:none;padding:5px;font-size:1.2em;position:relative}.mobile-browser-url-display{color:#333;white-space:nowrap;text-overflow:ellipsis;max-width:60%;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.mobile-browser-content{z-index:1;flex-grow:1;width:100%;position:relative;overflow-y:auto}.mobile-browser-content iframe{border:none;width:100%;height:100%}.mobile-lock-status-icons{align-items:center;gap:5px;display:flex}.status-icon-mobile{object-fit:contain;width:18px;height:18px}.notepad-textarea{box-sizing:border-box;resize:none;color:#fff;background-color:#313131;border:none;outline:none;width:100%;height:100%;padding:10px;font-family:Arial,monospace;font-size:14px;line-height:1.5}.browser-toolbar{background-color:#f2f2f2;border-bottom:1px solid #ccc;flex-shrink:0;align-items:center;height:50px;padding:5px;display:flex}.browser-address-bar{background-color:#fff;border:1px solid #ccc;border-radius:15px;flex-grow:1;height:25px;margin:0 10px;padding:5px 10px}.browser-nav-buttons button{cursor:pointer;background:0 0;border:1px solid #ccc;border-radius:3px;margin-right:5px;padding:4px 8px;font-size:1.7em;font-weight:700}.mobile-close-button-fixed{z-index:10000;color:#fff;cursor:pointer;background-color:#000c;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5em;font-weight:700;display:flex;position:fixed;bottom:87%;right:1%;box-shadow:0 4px 10px #00000080}.mobile-browser-back{display:none}