:root{--light: #DDDDDD;--dark: #222831;--bluish: #30475E;--carrot: #F05454;--darkLightShade: #696c6f}::-webkit-scrollbar{background-color:#fff;width:16px;height:16px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#babac0;border-radius:16px;border:4px solid #fff}::-webkit-scrollbar-button{display:none}a{text-decoration:none;line-height:0}div{margin:0}body{margin:0;font-family:poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:flex;flex-direction:column;align-items:center;background-color:transparent;min-height:85vh;overflow:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%}#particles-js canvas{display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .8s ease,-webkit-transform 1.4s ease;transition:opacity .8s ease,transform 1.4s ease}#particles-js{width:100%;height:100%;position:fixed;z-index:-10;top:0;left:0}@media (max-width: 800px){#particles-js{display:none}}.intro-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:70%;margin:4em 0;padding:2em;background-color:#fffc;border-radius:1em;box-shadow:0 5px 15px #0000001a}.profile-pic{height:10em;width:10em;object-fit:cover;border-radius:100%;padding-top:1em}.profile-img-container{position:relative;transition:.3s all ease}.profile-img-container:hover{transform:rotate(-5deg)}.img-popup{position:absolute;top:60px;left:170px;width:max-content;background-color:#fff;box-shadow:0 5px 15px #0000001a;padding:0 15px;border-radius:10px;font-size:14px}.img-popup:before{width:10px;height:10px;background-color:red}.intro{font-family:Poppins,sans-serif;font-weight:200;text-align:center;margin:.6rem}.name{font-weight:500}.info{font-weight:300;letter-spacing:1px;margin:0;padding:1em;text-align:center}.github-div{width:100%;margin:0 1rem 2rem;overflow-x:scroll;display:flex;justify-items:center}.github-title{font-size:2em;font-weight:600}.github-chart-img{margin-left:auto;margin-right:auto}.skills-div{display:flex;flex-wrap:wrap;justify-content:center;padding:1em;width:70%}.icon-div{display:flex;justify-content:center;align-items:center;padding:0 15px;margin:5px;font-size:.9rem;font-weight:500;box-shadow:0 5px 15px #0000001a;border-radius:10px;background-color:#fff}.icon-title{padding:0 5px}.icon-div>svg{height:25px;width:25px}@media (max-width: 800px){.intro{font-size:2em}.info,.icon-title{font-size:.9em}.icon-div>svg{height:20px;width:20px}.icon-div{padding:0 10px}.skills-div{width:100%}.github-title{font-size:1.5em}}.projects-section{margin:3rem auto;padding:0 2rem 3rem;width:100%;max-width:80%;border-radius:10px}.title{display:flex;flex-direction:column;align-items:center;justify-content:center}h1{margin-bottom:.6rem;font-size:2.5rem}.underline{width:4rem;height:5px;border-radius:5px;background-color:var(--carrot)}.projects-div{width:100%;display:flex;margin:4rem 0;flex-wrap:wrap;justify-content:center;gap:30px}.project-card{width:400px;background-color:#fff;padding:15px;box-shadow:0 5px 15px #0000001a;border-radius:10px;transition:transform .3s ease}.project-card:hover{transform:scale(1.03)}.project-card-img-div{border-radius:10px;overflow:hidden}.project-card-img-div>img{width:100%;object-fit:cover;display:block}.project-card-info-div{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-card-info-div>h2{text-align:center;font-weight:500}.project-links-div{display:flex;width:100%;justify-content:center;gap:20px;margin-bottom:1rem}.project-links-div>a{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--light);background-color:var(--dark);box-shadow:0 5px 15px #0000001a;padding:10px 15px;border-radius:7px;font-weight:500}@media (max-width:800px){.project-card-info-div>h2{font-size:20px}.project-links-div>a{font-size:13px}}.contact-section{display:flex;flex-direction:column;align-items:center;height:85vh;width:100%}.contact-section>.title{margin:6rem;width:100%}.mail-div{display:flex;justify-content:center;background-color:#fffc;box-shadow:0 5px 15px #0000001a;border-radius:.5em;border:1px solid var(--light);color:var(--darkLightShade);width:95%;max-width:30rem;margin-top:1rem}.copy-text-div{display:flex;justify-content:center;align-items:center;border-radius:.5em 0 0 .5em;border-right:1px solid var(--light);transition:all .3s ease;width:80%}.copy-text-div:hover{background-color:#fff;color:var(--carrot)}.mail-text{font-size:1em;font-weight:500}.copy-icon-div{display:flex;align-items:center;justify-content:center;border-radius:.5em 0 0 .5em;transition:all .3s ease;width:20%}.copy-icon-div:hover{background-color:#fff;color:var(--carrot)}.copy-icon-link{height:40%;width:40%}@media (max-width: 450px){.mail-text{font-size:13px}}.about-section{width:80%}.skills-section,.education-section,.experience-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:5rem 0}.skills-section>.title,.education-section>.title,.experience-section>.title{margin:1.5em 0}.section-title{font-size:2.5em;margin:0;text-align:center}.education-info,.skills-info,.experience-info{display:flex;flex-direction:column;align-items:center;margin:1rem}.education-card,.skills-card,.experience-card{width:50%;min-width:25rem;margin:2rem 0rem;padding:1rem 3rem;border-radius:1em;box-shadow:0 5px 15px #0000001a;background-color:#fff}.institution-title{margin:15px 0}.subjectInfo{color:var(--darkLightShade);margin:10px 0;font-weight:500}@media (max-width: 800px){.education-card,.skills-card,.experience-card{width:90%;min-width:0}.subjectInfo,.moreInfo{font-size:.9em}}.video-portfolio-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;width:60%;box-shadow:0 5px 15px #0000001a;background-color:#fff;border-radius:10px;background-color:#fffc;margin:4rem 0}.video-intro-div{display:flex;flex-direction:column;align-items:center}.video-intro-div>.info{width:70%}.info>.hightlight{text-decoration:underline solid var(--carrot)}.clients-div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0}.clients-title{font-size:2.5rem;font-weight:400}.clients-title>p{margin:20px}.client-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 15px #0000001a;padding:20px;width:100px;border-radius:10px;margin-right:0;background-color:#fff}.dark-overlay{display:flex;justify-content:center;align-items:center;position:absolute;z-index:10;height:100%;width:100%;border-radius:10px;background-color:#0009;opacity:0;transition:all .3s ease-in}.dark-overlay:hover{opacity:1}.client-logo{height:70px}.client-name{color:var(--dark);text-align:center;font-size:400;margin:5px 0}@media (max-width: 800px){.video-portfolio-section{width:80%}.video-intro-div>.info{width:100%}.client-logo{height:50px}.clients-title{font-size:2rem}.video-div>.dark-overlay{opacity:1}}.videos-section{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:60rem;padding:1rem 0;width:90%;border-radius:10px;box-shadow:0 5px 15px #0000001a;background-color:#fffc;margin:6rem 0}.videos-list{display:flex;width:90%;overflow:scroll;padding:10px 0}.client-title>.info{padding:2rem 6rem 0}.video-div{position:relative;margin:20px 10px;border-radius:10px;object-fit:cover}.video-div>img{height:180px;border-radius:10px;box-shadow:0 5px 15px #0000001a}@media (max-width: 800px){.video-div>img{height:120px}.client-title>.info{padding:2rem 1rem 0}}.experience-page-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 0}.experience-container{width:80%;max-width:1200px;display:flex;flex-direction:column;align-items:center;margin:3rem 0}.experience-container>.title{margin:1.5em 0}.experience-list{display:flex;flex-direction:column;align-items:center;margin:1rem;width:100%}.experience-detail-card{width:70%;min-width:25rem;margin:2rem 0rem;padding:2rem 3rem;border-radius:1em;box-shadow:0 5px 15px #0000001a;background-color:#fff}.company-title{margin:15px 0;font-size:1.5em;color:var(--darkShade)}.role-info{color:var(--darkLightShade);margin:10px 0;font-weight:600;font-size:1.1em}.duration-info{color:var(--darkLightShade);margin:5px 0 20px;font-weight:400;font-size:.95em;font-style:italic}.work-details-list{margin-top:1.5rem;padding-left:1.5rem;list-style-type:disc}.work-detail-item{margin:.8rem 0;line-height:1.6;color:var(--darkShade);font-size:.95em}.work-detail-item::marker{color:var(--darkLightShade)}@media (max-width: 800px){.experience-container{width:95%}.experience-detail-card{width:90%;min-width:0;padding:1.5rem}.company-title{font-size:1.3em}.role-info{font-size:1em}.duration-info{font-size:.9em}.work-detail-item{font-size:.9em;margin:.6rem 0}.work-details-list{padding-left:1rem}}.social-div{display:flex;justify-content:center;align-items:center;flex-direction:column;position:fixed;bottom:2em;left:1.5em;z-index:1000}.social-icon-line{height:80px;width:2px;margin-bottom:1rem;background-color:var(--carrot);transition:all .3s ease 0s}.social-icon{padding:5px}a.social-link{display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:#fff;cursor:pointer;padding:10px;border-radius:100px;transition:all .3s ease 0s}a.social-link:link,a.social-link:visited{color:var(--carrot);font-size:20px}a.social-link:hover{box-shadow:0 5px 15px #0000001a;transform:rotate(-15deg)}@media (max-height: 500px){.social-icon-line{height:0px}}@media (max-width: 800px){.social-icon-line{display:none}.social-div{position:unset;z-index:0;left:0;flex-direction:row;width:100%}}.terminal-div{display:flex;align-items:center;position:fixed;background-color:#fff;box-shadow:0 5px 15px #0003;bottom:2em;right:2em;width:21em;height:3em;border-radius:10px;overflow:hidden}.current-directory{width:max-content;padding:0 1em 0 1.5em}.path-name{font-weight:600}.terminal-form-div{width:100%;height:100%}.terminal-form{height:100%;width:100%}.terminal-input{border:none;padding:0;display:table;height:100%;width:100%;font-weight:600;font-size:17px;color:var(--dark)}.terminal-input:focus{outline:none}.navbar{position:sticky;z-index:1;top:0;width:100%;background-color:#fff;box-shadow:0 5px 15px #0000001a}.logo-bar-div{display:flex;justify-content:space-between;align-items:center}.logo{height:40px;width:40px;padding:.5rem 1rem;margin-right:2em}.fabars{color:var(--carrot);padding:0 5%;cursor:pointer;transition:all .5s;padding:.5rem;margin-right:2em}.fabars:hover{transform:rotate(-90deg)}.links-div{height:0;overflow:hidden;transition:height .5s}.links-list{list-style-type:none;margin-bottom:1rem;transition:all .5s;padding:1rem 0;margin:0}.nav-link{padding:.4rem 0rem;text-transform:capitalize;font-weight:700;transition:font-size .4s,box-shadow .4s}.nav-link:hover{box-shadow:0 5px 15px #0000001a}li:first-child>.navLink{color:var(--dark)}li:first-child>.navLink:hover{color:var(--carrot)}.navLink{font-weight:600;transition:all .5s;color:var(--darkLightShade);padding:0 90% 0 10%}li:last-child>a{color:var(--carrot)}.navLink:hover{color:var(--carrot)}.dark-mode{height:10px;width:10px}@media (min-width:800px){.navbar{margin:0 auto;display:flex;align-items:center;justify-content:space-between}.fabars{display:none}.links-div{height:auto!important;width:auto;flex-grow:1;max-width:45rem;margin-right:2rem}.links-list{display:flex;justify-content:space-evenly;flex-wrap:nowrap}.navLink{padding:1rem .8rem;border-radius:5px;white-space:nowrap}.nav-link{padding:0}.nav-link:last-child>a{color:var(--carrot);padding:1rem .8rem}.nav-link:hover{box-shadow:none}}