.Navigation-Main{height:60vh;width:6vw;float:right;border-radius:20px;border:1px solid #04b4e0;box-shadow:5px 5px 10px gray;margin-top:-70vh;margin-right:-8vw;display:flex;flex-direction:column;align-items:flex-end;padding-top:10px}.NM-Icon{display:flex;flex-direction:column;gap:3vh;align-items:center;justify-content:center;width:6vw}.NM-Icon-home{font-size:2.5vw;color:#5f5f5f;cursor:pointer;margin-top:.6vh}.NM-Icon-home:hover{color:#04b4e0}.User-NT{width:40vw;height:auto;margin-top:-58vh;margin-left:40vw}.User-Name-home{font-size:4rem;text-align:center}.User-Title-home{text-align:center;font-size:2rem;font-weight:300;margin-top:-7vh;color:#8d8a8a}.About-Me-Main{position:absolute;width:58vw;top:12vh;left:30vw;border-radius:20px;height:73vh;padding:10px;overflow-y:auto}.About-Me-Main-info{display:flex;width:98%;height:70%;margin-top:-4vh;border-radius:20px}.About-Me-Abtme{padding:10px;width:45%;border-radius:20px;margin-left:3vw}.About-Me-Detail{width:45%;border-radius:20px;margin-left:1vw}.Contact-Main{position:absolute;width:59vw;height:72vh;top:14vh;left:30vw;border-radius:20px}.Contact-Main-h1{width:15vw;margin-left:6vw;font-weight:500;color:#000}.Contact-Main-Form{width:35vw;height:70vh;float:right;border-radius:20px;margin-top:-16vh;margin-right:0vw}.Contact-Main-FieldGroup{width:15vw;height:35vh;padding:4vh;margin-top:-4vh}.Con-input{width:13vw;padding:2vh;height:3vh;font-size:1.1rem;border-radius:5px;margin-bottom:4vh;border:2px solid rgb(160,160,160)}.Con-textarea{float:right;font-size:1rem;margin-top:-39vh}.Contact-Send-btn{background:#fff;border:none;cursor:pointer;padding:12px;margin-top:4vh;border:2px solid #04b4e0;border-radius:30px;font-size:1rem;color:#000;width:12vw;height:8vh;font-weight:450;margin-top:-4vh;box-shadow:0 4px 8px #0000001a;margin-left:12vw}.Contact-Send-btn:hover{background:#04b4e0;color:#fff}.Portfolio-Main{width:57vw;position:absolute;width:58vw;top:12vh;left:30vw;border-radius:20px;height:73vh;padding:10px;overflow-y:auto}.Portfolio-Main-h1{width:15vw;margin-left:4vw;font-weight:500;color:#000;font-size:3rem}.all-projects{display:flex;flex-wrap:wrap;justify-content:start;width:53vw;margin-left:3vw;cursor:pointer;transition:opacity .3s ease}.all-projects:hover{transform:.5s}.project-card{border:1px solid #ccc;width:15vw;margin:1vw;box-shadow:2px 2px 10px #0000001a}.project-image{width:15vw;height:24vh}.Pm-project-title{margin:10px 0;text-align:center}.project-card a{text-decoration:none;color:#04b4e0;font-weight:700}.PM-Img-Detailed{position:absolute;margin-left:-5vh;margin-top:1vh;cursor:pointer;font-size:1.2rem;width:2vw;height:4vh;background-color:red}.PM-Img-Detailed:hover{display:contents;opacity:0;transition:opacity .3s ease}.project-image-container:hover .PM-Img-Detailed{opacity:1}.Profile-PP{background:#04b4e0;height:78vh;width:26vw;margin-left:2vw;border-radius:30px;padding:10px;color:#fff}.User-PP{background:#868686;border-radius:100px;width:12vw;height:12vw;margin-top:7vh;margin-left:7.4vw;object-fit:cover}.User-ID{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.User-Name{width:25vw;font-size:2.4rem;margin-top:-.4vh}.User-title{margin-top:-4vh;font-size:1.5rem;font-weight:400}.User-Social-Media{display:flex;justify-content:center;align-items:center;width:23vw;height:8vh;border-radius:8px;margin-top:-2vh;margin-left:auto;margin-right:auto;box-shadow:0 4px 8px #0000001a}.social-icon{font-size:1.5rem;margin:0 8px;cursor:pointer}.social-icon:hover{background-color:#1796c0;border-radius:20px}.User-CVbtn{background:#04b4e0;border:none;cursor:pointer;padding:12px;margin-top:4vh;border:2px solid white;border-radius:30px;font-size:1rem;color:#fff;width:12vw;height:8vh;font-weight:450;box-shadow:0 4px 8px #0000001a;margin-left:8vw}.User-CVbtn:hover{background:#fff;color:#04b4e0}.User-Copyright{font-size:.8rem;font-weight:400;text-align:center;color:#fff;margin-top:5vh}.Container-box{background-color:#fff;width:60vw;height:78vh;margin-top:-80vh;border-radius:30px;color:#000;margin-left:30vw;border:1px solid #04b4e0;box-shadow:3px 3px 5px red,-3px -3px 5px #00f;display:flex;align-items:center;justify-content:center}.resume-Main{position:absolute;width:58vw;top:12vh;left:30vw;border-radius:20px;height:73vh;padding:10px;overflow-y:auto;overflow-x:hidden}.Strong-in-Resume{font-size:1.2rem;font-weight:500}.skills-section{width:50vw;margin:-4vh auto 2vh;padding-left:2vw;margin-left:3vw}.skill-item{margin-bottom:2vh;display:flex;align-items:center;width:40vw;background-color:#f7f8f6}.skill-label{width:11vw;font-weight:700;margin-right:1vw;border:1px solid rgb(168,162,162);padding:4px;border-radius:20px;background:#04b4e0;font-weight:500;text-align:center;margin-top:1vh;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#fff}input[type=range].slider{-webkit-appearance:none;width:25vw;height:5px;background:#707377;border-radius:5px;outline:none;opacity:.7;transition:opacity .2s}input[type=range].slider:hover{opacity:1}input[type=range].slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:#04b4e0;cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}