*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{font-family:sans-serif;overflow:hidden}.os{background:#2f4f4f;width:100%;height:100%;position:absolute;overflow:hidden}.desktop{color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;padding:20px;position:absolute;inset:0}.desktop-icon{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;align-items:center;gap:6px;width:80px;padding:8px;display:flex}.desktop-icon-image{justify-content:center;align-items:center;width:48px;height:48px;font-size:36px;display:flex}.desktop-icon span{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:120%;font-size:15px;overflow:hidden}.taskbar{color:#fff;z-index:1000;background:#6ea8cccc;flex-direction:row;align-items:center;gap:10px;height:64px;padding:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.taskbar button{color:#fff;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;height:53px;padding:0 12px;display:flex}.taskbar button:hover,.taskbar button.active{background:#b0e0e6}.taskbar-icon{width:35px;padding:5px}.taskbar-tittle{margin-top:-5px;font-size:.85rem}.taskbar-panel{z-index:999;background:#90a0b5d9;flex-direction:column;align-items:center;width:300px;height:400px;padding:35px;display:flex;position:fixed;bottom:64px}.taskbar-panel img{outline-offset:-2px;background-color:beige;border-radius:25px;outline:10px solid beige;width:100px;height:100px}.taskbar-panel p{flex:1;font-size:20px;font-weight:800}.taskbar-panel button{color:#ffebcd;cursor:pointer;background-color:#b22222;border:none;border-radius:15px;width:250px;height:64px;font-size:15px;font-weight:700}.taskbar-panel button:hover{background-color:brown}.home-icon{width:75px}.welcome-label{grid-template-columns:2fr 1fr 3f;background-color:#faebd7;border-radius:30px;width:500px;height:400px;padding:15px;display:grid;position:fixed;top:25%;left:35%}.welcome-label img{background-color:#fff;border-radius:32px;grid-area:1/1;width:180px}.welcome-label p{background-color:#fff;border:12px solid #fff;border-radius:22px;grid-row:3;margin:0}.welcome-label button{background-color:#b22222;border:none;border-radius:15px;width:200px;height:120px;font-size:40px;font-weight:700;position:fixed;top:30%;left:48%}.welcome-label button:hover{cursor:pointer;background-color:brown}.calculator{background-color:#fffaf0;grid-template-rows:.5fr 1fr;grid-template-columns:5fr 1fr;grid-auto-rows:100px;gap:3px;width:100%;height:100%;padding:10px;display:grid}.calculator-number-button{grid-area:span 2/1;grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.calculator-number-button button{background-color:#87ceeb;border:none;border-radius:15px;width:100%;font-size:20px}.calculator-number-button button:hover{background-color:#add8e6;border-radius:15px;width:100%}.calculator-operator{grid-area:span 2/2;grid-template-columns:repeat(1,1fr);gap:3px;display:grid}.calculator-operator button{cursor:pointer;background-color:#5f9ea0;border:none;border-radius:10px;width:100%;font-size:15px}.calculator-operator button:hover{background-color:#708090}.calc-button{grid-column:span 2}.calculator-result-display{text-align:right;grid-column:span 2;font-size:300%}.notepad{width:100%;height:100%}.notepad-textarea{resize:none;background-color:#fffaf0;border:none;outline:none;width:100%;height:100%;padding:10px}.credits{box-sizing:border-box;background-color:#fffaf0;height:100%;padding:15px}.credits h3{margin:12px 0 6px;font-size:15px}.credits p{margin:10px}.credits a{font-size:15px;text-decoration:none}.credits a:hover{text-decoration:underline}.clock{flex-direction:column;align-items:center;margin-left:auto;padding:30px;font-size:17px;font-weight:800;display:flex}.clock p{margin:5px 0 0}.window{background:#fff;border-radius:10px;position:absolute;overflow:hidden}.tittlebar{color:#4682b4;-webkit-user-select:none;user-select:none;background:#add8e6;align-items:center;gap:5px;height:40px;padding:0 10px;font-size:20px;font-weight:650;display:flex}.tittlebar span{flex:1}.tittlebar button{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:right;width:35px;font-size:22px;display:flex}.window-content{height:calc(100% - 40px)}