*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:#131313;justify-content:center;align-items:center;width:100%;height:100%;font-family:Poppins,sans-serif;display:flex}main{color:#f5f5f5;background-image:url(https://ik.imagekit.io/fczc2w1de/OS-Portfolio/Dark_theme_OS_wallpaper.png);background-position:50% 40%;background-repeat:no-repeat;background-size:cover;width:100%;max-width:1600px;height:100%;position:relative;overflow:hidden}@media (width<=767px){main{background-image:url(https://ik.imagekit.io/fczc2w1de/OS-Portfolio/Mobile_image_main.png)}}@media (width<=1200px){main{background-size:contain}}footer .icons:has(+.icons:hover){transform:scale(1.1)translateY(-.3rem)}@media (width<=767px){footer{background:0 0;flex-flow:column wrap;gap:1.5rem;height:100vh;top:0;left:10%}}footer .icons:has(+.icons:hover){transform:scale(1.1)translateY(-.3rem)}@media (width<=767px){footer{background:0 0;flex-flow:column wrap;gap:1.5rem;height:100vh;top:0;left:10%}}footer .icons:has(+.icons:hover){transform:scale(1.1)translateY(-.3rem)}@media (width<=767px){footer{background:0 0;flex-flow:column wrap;gap:1.5rem;height:100vh;top:0;left:10%}}.github{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;width:100%;height:100%;padding:.5rem;display:flex}.github .card{border:1px solid #fff3;border-radius:1rem;width:60%;max-width:350px;overflow:hidden}.github .card .image img{object-fit:cover;border-radius:1rem 1rem 0 0;width:100%;height:100%}.github .card .main-content{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;padding:.5rem;display:flex}.github .card .main-content h3{font-size:1.2rem;font-weight:700}.github .card .main-content p{color:#ffffffb3;font-size:.9rem}.github .card .main-content .tags{color:#ffffff80;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;margin-block:1.2rem;font-size:.8rem;display:flex}.github .card .main-content .tags .tag{background-color:#ffffff1a;border-radius:.5rem;padding:.2rem .5rem}.github .card .main-content .links{justify-content:center;align-items:center;gap:.5rem;display:flex}.github .card .main-content .links a{border-radius:.5rem 0;padding:.2rem .5rem;font-size:.9rem;text-decoration:none}.github .card .main-content .links a:first-child{color:#00f;border:1px solid #c9c9ff}.github .card .main-content .links a:last-child{color:#4d0080;border:1px solid #eed7ff}@keyframes windowsOpen{0%{transform:translateY(100%)scale(0)}to{transform:translateY(0)scale(1)}}@keyframes windowsClose{0%{transform:translateY(0)scale(1)}to{transform:translateY(100%)scale(0)}}.window{background-color:#000;border-radius:10px;width:100%;height:100%;padding:.3rem;animation:.5s linear 2s windowsOpen;position:relative;overflow:hidden auto}.window .nav{color:#000;border-bottom:1px solid #fff3;align-items:center;gap:.5rem;width:97%;margin-bottom:.2rem;padding-bottom:.5rem;display:flex;position:fixed}.window .nav .dot{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;padding:.5rem;display:flex}.window .nav .red{cursor:pointer;background-color:#ff5f57}.window .nav .yellow{background-color:#ffbd2e}.window .nav .green{background-color:#28c940}.window .nav .full-name{color:#ffffffb3;margin-left:1rem;font-size:.9rem}.window h2{text-align:center;border-bottom:1px solid #ffffff86;padding-block:.5rem}.window .main{width:100%;height:100%;margin-top:2rem}.Close{animation:1s linear windowClose}.window::-webkit-scrollbar{width:10px;transform:translate(-30px)}.window::-webkit-scrollbar-track{background:0 0}.window::-webkit-scrollbar-thumb{background:#fff3;border-radius:5px}footer .icons{padding:0 .5rem;border-radius:.5rem;padding-top:.5rem;padding-bottom:.1rem;transition:all .2s linear;position:relative}footer .icons:has(+.icons:hover){transform:scale(1.1)translateY(-.3rem)}@media (width<=767px){footer{background:0 0;flex-flow:column wrap;gap:1.5rem;height:100vh;top:0;left:10%}}h2{justify-content:flex-start;align-items:center;gap:.7rem;width:100%;display:flex}h2 img{object-fit:cover;object-position:center;background-color:#fff;background-repeat:no-repeat;border-radius:2px}.resume-container{justify-content:center;height:100%;display:flex}.resume-container iframe{border:none;width:100%;height:100%}.Spofity-Playlist{width:100%;height:100%}.Spofity-Playlist h2{text-transform:uppercase;margin-bottom:.2rem}.Spofity-Playlist iframe{width:100%;height:100%}footer{background-filter:blur(5px);background-color:#4d4d4db3;border-radius:.5rem;gap:1rem;padding:.5rem;display:flex;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}footer img{pointer-events:none}footer .icons{border-radius:.5rem;padding:.5rem .5rem .1rem;transition:all .2s linear;position:relative}footer .icons p{pointer-events:none;background-filter:blur(5px);opacity:0;background-color:#4d4d4db3;border-radius:.5rem;padding:.5rem;position:absolute;top:-100%;left:-10%}footer .icons:hover p{opacity:1}footer .GitHub{background-color:#000}footer .Calendar{background:linear-gradient(135deg,#f96 0%,#ff5e62 100%)}footer .Email{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}footer .Resume{background:linear-gradient(135deg,#f83600 0%,red 100%)}footer .Notes{background:linear-gradient(135deg,#8e2de2 0%,#4a00e0 100%)}footer .Spotify{background:linear-gradient(135deg,#1db954 0%,#1ed760 50%,#0a0a0a 100%)}footer .linkedin,footer .Terminal{background-color:#b9b9b9}footer .icons:hover{transform:scale(1.3)translateY(-.6rem)}footer .icons:hover+.icons{transform:scale(1.1)translateY(-.3rem)}footer .icons:has(+.icons:hover){transform:scale(1.1)translateY(-.3rem)}@media (width<=767px){footer{background:0 0;flex-flow:column wrap;gap:1.5rem;height:100vh;top:0;left:10%}}nav{background-filter:blur(5px);background-color:#4d4d4db3;justify-content:space-between;align-items:center;padding-top:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen;display:flex}nav img{height:1.5rem}nav .left-section{justify-content:center;align-items:center;gap:1rem;padding-inline:.5rem;font-size:1rem;display:flex}nav .right-section{justify-content:center;align-items:center;gap:.5rem;padding-right:.5rem;display:flex}.My-Profile{width:100%;height:100%;margin:3rem 0}.My-Profile .top-section{width:100%;height:35%;margin-bottom:1rem}.My-Profile .top-section .banner{width:100%;height:80%}.My-Profile .top-section .banner img{object-fit:cover;object-position:center;width:100%;height:100%}.My-Profile .top-section .profile-photo{background-color:#fff;border:2px solid #000;border-radius:50%;width:10rem;height:10rem;overflow:hidden;transform:translate(20%,-65%)}.My-Profile .top-section .profile-photo img{object-fit:cover;object-position:bottom;width:100%;height:100%}.My-Profile .Details-Section{border-bottom:2px solid #414141;justify-content:space-evenly;align-items:center;gap:1.5rem;padding:1rem 0;display:flex}.My-Profile .Details-Section .left-side{width:50%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.My-Profile .Details-Section .left-side h3{font-size:1.5rem}.My-Profile .Details-Section .left-side h3 span{color:#666;font-size:.8rem}.My-Profile .Details-Section .left-side h5{color:#666;font-weight:400}.My-Profile .Details-Section .left-side h6{color:#acacac;margin-top:1rem;font-weight:500}.My-Profile .Details-Section .left-side h6 a{color:#0ff;border:2px solid #f5f5f5;border-radius:5px;margin-left:2rem;padding:.3rem;text-decoration:none}.My-Profile .Details-Section .right-side{width:30%;font-family:Times New Roman,Times,serif}.My-Profile .Details-Section .right-side h4{margin-bottom:1rem}.My-Profile .Details-Section .right-side ul{flex-direction:column;gap:.4rem;display:flex}.My-Profile .My-Projects{flex-direction:column;display:flex}.My-Profile .My-Projects h3{padding:1rem 3rem}.My-Profile .My-Projects .Recent-Post{border-radius:2px solid whitesmoke;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.Cli-window{background-color:#212121;padding-bottom:5rem}