@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400&family=Roboto&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,roboto,sans-serif}* h1{font-size:500;font-weight:500}* h2{font-size:400;font-weight:450}* h3{font-size:400;font-weight:500}nav{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;flex-wrap:wrap;height:10vh;width:100%}.nav-icon{height:100%;width:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background-color:#91a9c5}.nav-icon p{font-size:1.3rem;font-weight:500px;letter-spacing:.1;font-family:poppins}ul{list-style:none;display:flex;justify-content:right;align-items:center;height:100%;width:70%;background-color:#fff}nav ul li{margin:2.5vw}nav ul li a{text-decoration:none;text-transform:uppercase;font-size:1.5vw}@media screen and (max-width:700px){.nav-icon{height:100%;width:100%}.nav-icon p{font-size:1rem}nav ul{height:100%;width:100%;justify-content:center}}.project-text p{font-family:poppins}#hero-section{display:flex;flex-direction:column;height:80vh;width:100%;margin-top:10vh;padding-top:5vh;background-color:#fffefe}#hero-section_summery{height:80%;width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#hero-section_summery_summery-details{max-width:60%;height:100%;padding-top:15vh;margin:5px}#hero-section_summery_summery-details span{text-transform:uppercase;font-weight:500;font-size:3.2vw}#hero-section_summery_summery-details p{font-weight:350;font-size:3vw}details{font-weight:400;font-size:1.1rem;color:#585757}#hero-section_summery_image{margin-right:5px;max-width:30%}#hero-section_summery_image div img{width:250px;height:250px;border:1px solid rgb(247,247,247);border-radius:50%;box-shadow:0 4px 8px #0003;transition:.3s}#hero-section_summery_image div img:hover{box-shadow:0 8px 16px #0003}#hero-section_link{height:auto;max-width:100%;margin-top:15vh;margin-left:10vw;padding-bottom:5vh}#hero-section_link a{margin-right:5vw;color:#1d1a1a}@media all and (max-width:700px){#hero-section{margin:0;padding:0;height:auto}#hero-section_summery{height:auto;flex-direction:column}#hero-section_summery_summery-details p{display:block;width:100%;height:auto}#hero-section_summery_image{display:none}#hero-section_link,#hero-section_link i{display:inline}}#about{width:100%;height:auto;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:50px;font-weight:400;letter-spacing:1px}#about #about_details{text-align:justify;padding:20px;width:85%}#about #about_details h1{text-align:center}.about_myself{width:100%;padding-top:50px}#skills{width:100%;height:auto;display:flex;flex-direction:column}.skills-title{text-align:center}.skills-set{display:flex;flex-direction:column;margin-top:20px}.core-skills,.familiar-skills{max-width:100%;height:auto;display:flex;flex-direction:column}.core-skills h3{text-align:left;margin-left:20px}.all-skills-name{display:flex;flex-wrap:wrap}.core-skills span{display:inline;margin:20px;padding:20px;line-height:15px;box-shadow:0 4px 8px #0003;border:.1px solid black;border-radius:5px}.familiar-skills h3{text-align:right;margin-bottom:5px;margin-right:20px}.familiar-skills span{display:inline;margin:20px;padding:20px;line-height:15px;box-shadow:0 4px 8px #0003;border:.5px solid black;border-radius:5px}@media all and (max-width:700px){.skills-set{width:100%;flex-direction:column;text-align:center}.core-skills,.familiar-skills{display:flex;flex-direction:column;width:100%}.core-skills div h3{text-align:left;margin-left:5px}.familiar-skills div h3{text-align:left;margin-top:20px;margin-left:5px}.all-skills-name{display:flex;flex-direction:column;align-items:center}.all-skills-name span{width:90vw}}#projects{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto;padding-top:20vh}.projects-header{display:flex;flex-direction:column;justify-content:left;height:auto;width:100%;padding-left:80px}.project{width:100%;height:auto;margin-top:50px;margin-bottom:50px;padding:50px}.project-details{display:flex;justify-content:center;align-items:center;width:100%;height:400px;margin-top:20px;margin-bottom:20px}.project-text{width:35%;min-height:100%;padding-left:20px;padding-right:20px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 8px #0003}.project-text p{font-size:.9rem;font-weight:400}.project-materials span{padding:5px;background-color:#575454;color:#fff;font-size:400;font-weight:400}.project-view{display:flex;justify-content:space-between;align-items:center;padding:5px}.project-view a{padding:5px;background-color:#252729;color:#fff;box-shadow:0 2px 4px #0003;text-decoration:none}.project-image{width:60%;height:100%;padding:20px;box-shadow:0 8px 16px #0003}.project-image img{height:100%;width:100%}.inner-project{text-decoration:none;background-color:#353536;color:#fff;padding:.5px}@media all and (max-width:700px){.project-details{height:auto;width:100%;flex-direction:column}.project-text{width:100%}.project-image{width:100%;height:auto}}#contact-section{width:100%;height:auto;background-color:#fff}#contact-section_summery{text-align:center;padding:35px}#contact-section_summery summary{margin:30px;font-weight:400px;font-size:1.1rem;letter-spacing:1px;word-spacing:.9px}#contact-section_details{text-align:center;margin:20px}.contact-section_info{display:inline-block;margin:20px;font-size:1.2rem;font-weight:450}@media screen and (max-width:700px){.contact-section_info{display:flex;flex-direction:column;margin-bottom:100px}.contact-section_info p{text-align:center;align-self:center}}footer{width:100%;min-height:30vh;display:flex;align-items:center;justify-content:space-between;background-color:#dbdfe2;padding-top:10vh}footer #footer_copyright{margin-right:65px}footer #footer_info{margin-left:65px}footer div a{color:#1d1a1a}@media screen and (max-width:700px){footer{height:100%;width:100%;display:flex;flex-direction:column}footer #footer_info{margin:0;padding:0;display:flex;justify-content:space-around;align-items:center}footer #footer_copyright{margin:0;padding:0 0 5px;text-align:center}}