@font-face{font-family:ms;src:url(/assets/ms-sans-serif-1-CguuqH_2.otf)}body{background:teal;overflow:hidden;color:#000!important;margin:0;padding:0}.ms *{font-family:ms}*{box-sizing:border-box}:root{--main-gray: #bfbfbf}h1{margin:0}.Pc{height:100vh;overflow:hidden}h2{font-size:40px!important}.desktop{display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.desktop .app{width:81px;height:81px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;padding:5px;color:#fff;font-size:12px}.desktop .app img{width:40px}.desktop .app.selected{background:#0101b7a6}.taskbar{position:fixed;bottom:0;left:0;width:100%;background:var(--main-gray);border-top:5px groove;padding:5px;display:flex;align-items:center;gap:8px;z-index:9}.taskbar .win7-start-menu{position:absolute;bottom:100%;left:0;background:var(--main-gray);width:350px;min-height:350px;-webkit-backdrop-filter:blur(50px)!important;backdrop-filter:blur(50px)!important;background:linear-gradient(to bottom,#b8c8d4ab,#7a848cab,#40464bab,#40464bab,#40464bab,#40464bab,#b8c8d4ab);padding:10px;border-radius:8px}.taskbar .win7-start-menu .left{background:#fff;border-radius:4px}.taskbar .win7-start-menu .right .head img{border:2px solid #fff;height:60px;border-radius:8px;transform:translate(20px,-50%)}.taskbar .win7-start-menu .right .links{padding-left:10px}.taskbar .win7-start-menu .right .links .link{color:#fff;padding:5px 10px}.taskbar .win7-start-menu .right .links .link:hover{background:#ffffff29}.taskbar .win7-start-menu .links .link{display:flex;align-items:center;gap:12px;padding:10px 5px;cursor:pointer;font-size:14px}.taskbar .win7-start-menu .links .link:hover{background:#041bec;color:#fff}.taskbar .win7-start-menu .links .link img{width:25px}.taskbar .winXp-start-menu{position:absolute;bottom:100%;left:0;background:var(--main-gray);width:300px;min-height:400px;display:flex;flex-direction:column;justify-content:safe}.taskbar .winXp-start-menu .head{background:linear-gradient(#1868ce,#0e60cb 12% 20%,#1164cf 32%,#1667cf 33%,#1b6cd3 47%,#1e70d9 54%,#2476dc 60%,#297ae0 65%,#3482e3 77%,#3786e5 79%,#428ee9 90%,#4791eb);padding:5px}.taskbar .winXp-start-menu .head img{width:40px;height:40px;border-radius:8px;margin-right:10px;border:2px solid #fff}.taskbar .winXp-start-menu .head span{font-size:16px;font-weight:700;color:#fff}.taskbar .winXp-start-menu .content{flex:2}.taskbar .winXp-start-menu .content .links .link{display:flex;align-items:center;gap:8px;padding:10px 5px;cursor:pointer}.taskbar .winXp-start-menu .content .links .link:hover{background:#041bec;color:#fff}.taskbar .winXp-start-menu .content .links .link img{width:25px}.taskbar .winXp-start-menu .content .left,.taskbar .winXp-start-menu .content .right{height:100%}.taskbar .winXp-start-menu .content .left{background:#fff}.taskbar .winXp-start-menu .content .right{background-color:#d3e5fb}.taskbar .winXp-start-menu .footer{min-height:50px;background:linear-gradient(#4282d6,#3b85e0 3%,#418ae3 5% 17%,#3c87e2 21%,#3786e4 26%,#3482e3 29%,#2e7ee1,#2374df 49%,#2072db 57%,#196edb 62%,#176bd8 72%,#1468d5 75%,#1165d2 83%,#0f61cb 88%);display:flex;justify-content:end;gap:8px}.taskbar .winXp-start-menu .footer button{background:transparent;border:0;color:#fff;display:flex;gap:8px;align-items:center;box-shadow:none}.taskbar .winXp-start-menu .footer button:hover{filter:brightness(120%)}.taskbar .winXp-start-menu .footer button img{width:30px;height:30px}.taskbar .start-menu{position:absolute;bottom:100%;left:0}.taskbar .win98-start-menu{display:flex;position:absolute;bottom:calc(100% + 3px);left:0;background:var(--main-gray);width:200px}.taskbar .win98-start-menu .sidebar{align-items:end;background:#7b7d7b;display:flex;width:25px}.taskbar .win98-start-menu .sidebar img{width:25px}.taskbar .win98-start-menu .links{width:100%}.taskbar .win98-start-menu .links .link{padding:10px;display:flex;align-items:center;gap:8px}.taskbar .win98-start-menu .links .link:hover{background:#0104a3;color:#fff}.taskbar .win98-start-menu .links .link img{width:30px;height:30px}.taskbar .app{display:flex;align-items:center;gap:4px;font-size:12px;justify-content:start}.taskbar .app img{width:15px;height:15px}.taskbar .app.active{background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px #0a0a0a,inset -2px -2px #dfdfdf,inset 2px 2px gray}.taskbar .wrapper{margin-left:auto}.taskbar .time{align-items:center;background:silver;border-color:#5a5a5a #fafafa #fafafa #5a5a5a;border-style:solid;border-width:1.5px;display:flex;flex-direction:row;font-size:12px;height:25px;justify-content:center;width:75px}.taskbar .time .d{display:none}.links .link{color:#000;text-decoration:none}@media screen and (max-width: 676px){.taskbar .app{min-width:auto}.taskbar .app .task-name{display:none}}.window{position:absolute;left:30%;top:10%;width:50%;z-index:5}.window .title-bar{-webkit-user-select:none;user-select:none}.window .title-bar .title-bar-text{display:flex;align-items:center;gap:8px}.window.active{z-index:8}.window .window-body{height:400px;overflow:auto}@media screen and (max-width: 676px){.window{width:100%;top:100px!important;left:0!important}}.booting{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:999999}.booting .start-screen{background:#000;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff;flex-direction:column;font-size:25px}.booting .start-screen .start{opacity:0}.booting .win-7-boot .screen-1{height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.booting .win-7-boot .screen-2{height:100vh;background:url(/assets/7-bg-D4mRd1Xz.jpg);display:flex;align-items:center;justify-content:center;gap:8px}.booting .win-7-boot .screen-2 h3,.booting .win-7-boot .screen-2 h4{font-size:20px;font-family:tahoma;color:#fff}.booting .win-xp-boot{background:#000;height:100vh;overflow:hidden}.booting .win-xp-boot .screen-1{display:flex;align-items:center;justify-content:center}.booting .win-xp-boot img{width:100%}.booting .win-xp-boot h3,.booting .win-xp-boot h4{font-size:30px;font-weight:700;font-family:tahoma;color:#fff}.booting .win-xp-boot .progress{width:200px;border:1px solid #fff;border-radius:30px;background:#000;overflow:hidden;position:absolute;bottom:200px;left:50%;transform:translate(-50%)}.booting .win-xp-boot .progress .tiles{animation:moveProgress 3s linear infinite;width:60px;display:flex;gap:3px}.booting .win-xp-boot .progress .tiles span{background:linear-gradient(to bottom,#00009d,#4646fa 50%,#00009d);height:20px;width:15px;display:inline-block}.booting .win-98-boot{height:100vh;background-image:url(/assets/98-C-_t0Z9l.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}.booting .progress{position:absolute;bottom:0;height:20px;background:#c9c9c9;left:0;width:100%}.booting .progress .indicator{width:50%;background:linear-gradient(to right,transparent,#045ee4,transparent);height:100%;animation:moveX 2s ease infinite alternate}@keyframes moveX{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes moveProgress{0%{transform:translate(-100%)}to{transform:translate(200px)}}.screen-2{height:100vh}.screen-2 .top,.screen-2 .middle,.screen-2 .bottom{width:100%;position:absolute;background-color:#012f9e;left:0}.screen-2 .top{border-bottom:2px solid #fefefe;height:16%;top:0}.screen-2 .middle{display:flex;align-items:center;justify-content:center;color:#fff}.screen-2 .middle h3{font-family:tahoma}.screen-2 .middle{background:#567dda;height:68%;top:16%}.screen-2 .bottom{border-top:2px solid #fefefe;height:16%;bottom:0}@media screen and (max-width: 646px){.win-xp-boot img{position:absolute;top:50%;transform:translateY(-50%)}.start-screen h1{font-size:40px}.start-screen button{font-size:14px}}.about{font-size:16px}.about h1{font-weight:700;margin:30px 0;font-size:60px}.about p{line-height:1.5}.about img{position:sticky;top:0;border:5px solid #000}.portfolio{padding:20px;overflow:hidden}.portfolio .project{text-align:center;cursor:pointer}.portfolio .project img{width:50px}.portfolio .single-project .title{display:flex;gap:10px;align-items:center;margin-bottom:20px}.portfolio .single-project h2{margin:0}.portfolio .single-project img{width:40px;vertical-align:middle}.portfolio .single-project .tech-stack{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.portfolio .single-project .tech-stack span{display:inline-block;padding:5px 15px;background:#0a20b2;color:#fff}.experiance{padding:20px}.experiance h2{font-size:20px}.experiance p,.experiance li{font-size:14px;margin-bottom:5px;line-height:1.2;color:#333}.contact{padding:20px}.contact label{display:block}.contact input,.contact textarea{margin-top:10px;display:block;width:100%}