:root{--primary-color:#30475e;--text-color:#222831;--background:#fff;--secondary-color:#f05454;--black-25:rgba(0,0,0,0.25);--black-36:rgba(0,0,0,0.36);--black-50:rgba(0,0,0,0.5);--theme-default-white:#fff;--theme-default-primary:#30475e;--theme-default-secondary:#f05454;--theme-dark-bg:#151e29;--theme-dark-primary:#1da1f2;--theme-dark-secondary:#f47458}*,:root{box-sizing:border-box}body,html{margin:0;padding:0;font-family:"Quicksand",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background);scroll-behavior:smooth;color:#222831;color:var(--text-color)}body.dark{--background:#151e29;--text-color:#f5f8fa;--primary-color:#1da1f2;--secondary-color:#f47458}a{text-decoration:none;padding:0;margin:0}.btn{box-sizing:border-box;display:-webkit-flex;display:flex;border-radius:5px;height:49px;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:16px 20px;font-size:18px;font-weight:700}.btn-primary{background-color:#30475e;background-color:var(--primary-color)}.btn-primary,.btn-primary:hover{color:#fff;color:var(--background)}.btn-primary:hover{background-color:#f05454;background-color:var(--secondary-color)}.separator-container{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:-10px 0 20px;opacity:.2;-webkit-align-self:center;align-self:center}.separator{width:30%;height:2px;background-color:#f05454;background-color:var(--secondary-color)}.primary-color{color:#30475e;color:var(--primary-color)}.secondary-color{color:#f05454;color:var(--secondary-color)}ul{list-style-type:none}.nav{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;height:10vh;width:95%;padding-left:10%;margin-bottom:21px;z-index:1}.nav,.nav .logo{-webkit-align-items:center;align-items:center}.nav .logo{width:70px;height:70px;min-width:70px;min-height:70px;background-color:var(--primary-color);border-radius:50%;display:none;-webkit-justify-content:center;justify-content:center}.nav .logo img{width:80%;height:auto;border-radius:50%}.nav .navlinks{z-index:1}.nav .navlinks,.nav .navlinks ul{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.nav .navlinks ul{-webkit-justify-content:space-around;justify-content:space-around}.nav .navlinks ul li{padding:0 16px}.nav .navlinks ul li a{color:var(--primary-color);font-size:18px;font-weight:700;cursor:pointer}.nav .navlinks ul li a:hover{color:var(--secondary-color)}.nav__sticky{position:fixed;top:0;background-color:var(--background);z-index:100;transition:.5s;box-shadow:0 1px 4px var(--black-50);border-bottom-left-radius:20px;border-bottom-right-radius:20px}.toggle-switch-container{display:-webkit-flex;display:flex;margin-right:20px}.nav-menu{display:none}@media only screen and (min-width:768px) and (max-width:1024px){.nav{width:100%}}@media only screen and (min-width:320px) and (max-width:640px){.nav{width:100%;padding-top:5px;padding-left:0}.nav ul{-webkit-padding-start:0;padding-inline-start:0}}.toggle-switch{position:relative;width:50px;max-width:50px;height:28px;border-radius:18px;border:1px solid var(--secondary-color)}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:1px;left:2px;height:24px;width:26px;border-radius:50%;transition:.4s;cursor:pointer}.toggle-switch.off{background-color:var(--theme-dark-bg)}.toggle-switch.on{background-color:var(--theme-default-white)}.toggle-switch.off .slider{background:var(--theme-default-white)}.toggle-switch.on .slider{background-color:var(--theme-dark-bg);-webkit-transform:translateX(20px);transform:translateX(20px)}.home-wrapper{display:-webkit-flex;display:flex;width:100%;height:80vh}.bio-info{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:column;flex-direction:column;margin-left:10%;-webkit-align-items:flex-start;align-items:flex-start}.bio-image,.bio-info{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.bio-image{-webkit-flex:2 1;flex:2 1;-webkit-flex-direction:column;flex-direction:column}.name{font-size:22px;font-weight:500px;margin-bottom:5px}.designation{font-size:36px;font-weight:700;margin-top:15px}.organization a{font-size:16px;color:var(--secondary-color);font-weight:600}.socials{margin:30px 0;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;width:50%;text-align:center}.socials .social-link{padding-right:30px}.socials .social-link a{font-size:16px;color:var(--text-color);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.socials .social-link a i{font-size:28px}.socials .social-link a:hover,.socials .social-link a i:hover{color:var(--secondary-color)}.bio-image img{height:auto;width:100%}@media only screen and (min-width:320px) and (max-width:1024px){.home-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;width:100%;height:80vh;-webkit-align-items:center;align-items:center;overflow:hidden;margin:0}.bio-image{-webkit-justify-content:center;justify-content:center;width:75%;margin-bottom:20px;margin-top:-50px}.bio-image,.bio-info{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.bio-info{-webkit-align-items:center;align-items:center;margin-left:0}}@media only screen and (min-width:320px) and (max-width:640px){.home-wrapper{overflow:visible;width:100%;height:85vh;margin-bottom:100px}.bio-image{margin-bottom:0;-webkit-justify-content:center;justify-content:center}.bio-image,.bio-image svg{height:auto;width:100%}.name{margin-bottom:30px}.designation{margin-top:0}}.skills-wrapper{width:100%;height:80vh;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;margin-top:200px;margin-bottom:150px}.skills-title,.skills-wrapper{display:-webkit-flex;display:flex}.skills-title{height:15vh;-webkit-justify-content:center;justify-content:center;font-size:42px;-webkit-align-items:center;align-items:center}.skills-list{width:100%;-webkit-justify-content:space-around;justify-content:space-around;margin-top:10px}.skill-container,.skills-list{display:-webkit-flex;display:flex}.skill-container{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.skill-container .icon-container i{font-size:54px;color:var(--primary-color)}.skill-container .icon-container i:hover{color:var(--secondary-color);cursor:pointer}.skill-container .skill-title{font-size:32px;font-weight:700}.curve-wrapper{width:100%}@media only screen and (min-width:640px) and (max-width:1024px){.skills-list{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start}.skill-container{margin:10px 0;width:25%}.curve-wrapper{margin-top:-30px}}@media only screen and (min-width:320px) and (max-width:640px){.skills-wrapper{width:100%;margin-top:150px;height:100vh;-webkit-justify-content:space-around;justify-content:space-around}.skills-title{font-size:24px;padding:0 5px}.skills-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start}.skill-container{width:33.33%;margin:10px 0}.skill-container .skill-title{font-size:22px;font-weight:700}}.about-wrapper{display:-webkit-flex;display:flex;overflow:scroll}.about-side-wrapper{-webkit-flex:1.5 1;flex:1.5 1;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:10px}.about-contact{-webkit-flex:1 1;flex:1 1;padding:10px}.about-contact .info-container{margin-bottom:10px}.about-contact .info-container i{color:var(--primary-color)}.about-education,.about-hobbies{-webkit-flex:1 1;flex:1 1;padding:10px}.about-summary{-webkit-flex:2 1;flex:2 1;padding:10px}.about-wrapper .about-title{font-size:28px;font-weight:700;color:var(--primary-color);text-transform:uppercase;margin-bottom:10px;text-decoration:underline}.about-wrapper .title-secondary{color:var(--secondary-color);margin-bottom:5px}.about-wrapper .about-description{margin-bottom:10px}.about-main-wrapper{-webkit-flex:5 1;flex:5 1;padding:10px}.about-work-experience .job-designation{color:var(--primary-color);font-size:20px;font-weight:700;margin-bottom:5px}.about-work-experience .organisation-name{font-size:22px;margin-bottom:2px}.about-work-experience .job-duration{color:var(--secondary-color)}.about-work-experience .experience-details{margin-bottom:25px}.work-descriptions ul li{margin-bottom:5px;line-height:1.2}@media only screen and (min-width:768px) and (max-width:1024px){.about-wrapper{overflow:scroll;width:100%}.about-side-wrapper{-webkit-flex:1 1;flex:1 1}.about-main-wrapper{-webkit-flex:2 1;flex:2 1}}@media only screen and (min-width:320px) and (max-width:640px){.about-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%}.about-main-wrapper{padding:20px}}.credits-wrapper{position:fixed;z-index:1;background-color:var(--black-25);top:0;left:0;width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.credits-container{width:50%;height:50%;background-color:var(--background);opacity:.95}.credits-container .credits-header{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;padding:10px;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;border:1px solid var(--secondary-color);color:var(--primary-color)}.credits-title span{font-size:20px;font-weight:700}.btn-modal-close{width:40px;height:30px;border:1px solid transparent;background:transparent;color:var(--primary-color);cursor:pointer;border-radius:5px}.btn-modal-close:hover{background:var(--secondary-color)}.credits-contents{overflow:scroll}.row{margin:10px 0}.col-1,.row{-webkit-flex:1 1;flex:1 1;-webkit-justify-content:center;justify-content:center}.col-1,.col-2,.row{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px}.col-2{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex:2 1;flex:2 1}.credits-contents .field{color:var(--primary-color);font-weight:800;font-size:18px;text-decoration:underline}.credits-contents a{text-decoration:none;color:var(--primary-color);font-weight:600;font-size:18px}.credits-contents a:hover{color:var(--secondary-color)}@media only screen and (min-width:768px) and (max-width:1024px){.credits-container{width:75%}}@media only screen and (min-width:320px) and (max-width:640px){.credits-container{width:100%;height:80%}}.footer{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;border-top:1px solid var(--black-36);box-shadow:0 1px 4px var(--black-50);height:100%;padding:10px}.footer,.footer-socials{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.footer-socials{-webkit-flex:1 1;flex:1 1;-webkit-flex-direction:row;flex-direction:row;height:40px}.footer-socials a{text-decoration:none;color:var(--primary-color)}.footer-socials i{margin-left:30px;font-size:36px;cursor:pointer}.footer-socials i:hover{color:var(--secondary-color)}.footer-credits{-webkit-flex:1 1;flex:1 1}.footer-credits,.footer-credits .btn-footer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:40px}.footer-credits .btn-footer{background:transparent;font-size:28px;border:1px solid transparent;cursor:pointer;color:var(--primary-color)}.footer-author{-webkit-flex:1 1;flex:1 1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;height:40px;color:var(--secondary-color);margin-right:30px}@media only screen and (min-width:320px) and (max-width:640px){.footer{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:15px 0}.footer-socials{width:50%;-webkit-justify-content:space-between;justify-content:space-between}.footer-socials i{font-size:24px;height:unset;margin-left:0}.footer-credits{height:unset}.footer-author,.footer-credits .btn-footer{font-size:16px}.footer-author{margin-right:0}}