@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;padding:0;margin:0;font-family:Share Tech Mono,monospace;color:#fff;transition:.5s all}#root{overflow:hidden}.each-section-title{background-color:#f0f;color:#06061b;width:max-content;padding:10px 20px;text-transform:capitalize;border-radius:3px;margin:5px 0}.each-section-title:hover{border:2px solid #FF00FF;background-color:transparent;color:#fff}.container{width:100vw;display:flex;flex-direction:column;background-color:#25262a;overflow-y:scroll;align-items:center}.first-section{width:100%;display:flex;flex-direction:column;margin-bottom:10px;flex:0 0 auto}.first-section nav{width:70%;height:40px;padding-top:5px;align-self:center;margin-bottom:1%;display:flex;justify-content:space-between}.first-section nav h5{font-weight:900;margin:1%}.first-section nav .link-holder{margin:1%;display:flex;justify-content:space-around;width:70%;height:100%}.first-section nav .link-holder a{text-decoration:none}.first-section nav .link-holder a:hover .link-icon{fill:#f0f;transform:scale(1.4)}.first-section .header-main-intro{display:flex;justify-content:space-around;margin:5px 0;flex:1 1 auto}@media (max-width: 700px){.first-section .header-main-intro{flex-direction:column;align-items:center}}.first-section .header-main-intro .intro-info{display:flex;flex-direction:column;height:300px;align-items:center;width:48%;flex:1 1 auto;justify-content:center;padding-left:10px}@media (max-width: 700px){.first-section .header-main-intro .intro-info{width:98%}}@media (max-width: 700px){.first-section .header-main-intro .intro-info{width:98%;height:200px}}.first-section .header-main-intro .intro-info h5{align-self:flex-start;margin-left:15%}.first-section .header-main-intro .intro-info h3{text-transform:capitalize;margin-top:5px;width:70%}.first-section .header-main-intro .intro-info p{margin-top:5px;width:70%}.first-section .header-main-intro .hero-section{width:48%;height:300px;display:flex;justify-content:center;align-items:center}@media (max-width: 700px){.first-section .header-main-intro .hero-section{width:98%}}.first-section .header-main-intro .hero-section img{width:50%;flex:1 1 auto;max-width:250px;max-height:250px;border-radius:100%;animation:rotor 3s linear 0s infinite;border:5px solid transparent;border-bottom-color:#f0f;border-left-color:#f0f}.first-section .header-main-intro .hero-section img:hover{transform:scale(1.05);border-top-color:#f0f;border-right-color:#f0f;border-bottom-color:transparent;border-left-color:transparent}.second-section{width:100%;flex:0 0 auto;display:flex;background-color:#2d2e32;margin:10px 0}@media (max-width: 700px){.second-section{flex-direction:column}.second-section .skillset,.second-section .second-intro{margin:10px auto}}.second-section .skillset{width:48%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 700px){.second-section .skillset{width:98%}}.second-section .skillset .each-section-title{align-self:normal;margin-left:15%}.second-section .skillset .skills-list{margin:5px 0;display:flex;flex-direction:column;height:400px;width:70%}.second-section .skillset .skills-list aside{display:flex;height:30px;margin:2px 0;align-items:center;text-transform:capitalize}.second-section .skillset .skills-list aside:hover{transform:scale(1.007)}.second-section .skillset .skills-list aside:hover h4,.second-section .skillset .skills-list aside:hover .icon{color:#f0f;fill:#f0f}.second-section .skillset .skills-list aside .icon{transform:scale(1.5)}.second-section .skillset .skills-list aside h4{margin-left:15px}.second-section .second-intro{width:48%;align-items:center;justify-content:center;display:flex;flex-direction:column}@media (max-width: 700px){.second-section .second-intro{width:98%}}.second-section .second-intro h4,.second-section .second-intro p{width:70%;margin:5px 0}.second-section .second-intro h4{color:#f0f}.third-section{width:100%;display:flex;flex-direction:column;align-items:center;margin:5px 0}.third-section .project-list{width:95%;display:flex;justify-content:space-around;margin:5px 0;align-items:center;flex-wrap:wrap}@media (max-width: 700px){.third-section .project-list{flex-direction:column}.third-section .project-list .each-project{width:98%;max-width:98%}}.third-section .each-project{width:45%;max-width:400px;height:350px;margin:10px 0;border-radius:5px;background-color:#2d2e32;display:flex;flex-direction:column;align-items:center;padding-left:5px;justify-content:space-around}.third-section .each-project:hover{transform:scale(1.01)}.third-section .each-project img{width:80%;height:10%;margin:5px auto}.third-section .each-project div{height:70%;display:flex;flex-direction:column;justify-content:space-around}.third-section .each-project div h4{color:#f0f;text-transform:capitalize;width:98%;text-align:center}.third-section .each-project div h6{width:98%;text-transform:capitalize;font-size:12px;text-align:center}.third-section .each-project div p{width:98%;text-align:center}.third-section .each-project div a{color:#f0f;text-align:center;width:100%}