*{--n-blue: 0, 98, 185;--blue: rgba(0, 98, 185, .8);--red: red;--purple: rgba(143, 162, 255, .8);--green: rgba(31, 79, 45, .8);--light-green: rgba(101, 146, 74, .8);--brown: rgba(129, 104, 8, .8);--light-brown: rgba(186, 155, 65, .8);--main-color: var(--n-blue)}h1,h2{font-size:60px;margin:0}.top-heading{margin-bottom:0}#main-heading{margin-top:24px;line-height:1.2;animation:fadeIn .5s ease-in;display:flex;flex-direction:column;align-items:center;letter-spacing:.1em}*,*:after,*:before{margin:0;padding:0;box-sizing:inherit;font-family:inherit}html,body{min-height:100%;display:flex;flex-direction:column;text-shadow:0 0 8px rgba(0,0,0,.1);scroll-behavior:smooth}.features-list,.skills-list,.project-text{font-size:1.5rem}#align-center{width:100%;height:100%;object-position:center}html{font-size:62.5%;scroll-behavior:smooth}@media only screen and (max-width: 75em){html{font-size:59%}}@media only screen and (max-width: 56.25em){html{font-size:56%}}@media only screen and (min-width: 112.5em){html{font-size:65%}}body{box-sizing:border-box;position:relative;line-height:1.5;overflow-x:hidden;overflow-y:scroll;font-family:Montserrat,sans-serif}a{text-decoration:none;color:inherit}li{list-style:none}input:focus,button:focus,a:focus,textarea:focus{outline:none}.heading-primary{font-size:3rem;text-transform:uppercase;text-align:center;letter-spacing:1px;margin-top:3rem}@media only screen and (max-width: 37.5em){.heading-primary{font-size:2.5rem}}.header__link.active{border-bottom:2px solid #0062b9;color:#0062b9}.heading-sec__main{display:block;font-size:2rem;text-transform:uppercase;text-align:center;margin-bottom:3rem;margin-top:3rem;position:relative;letter-spacing:1px}.heading-sec__main--lt{color:#444}.heading-sec__main--lt:after{content:""}.heading-sec__main:after{content:"";position:absolute;top:calc(100% + 1.7rem);height:5px;width:10rem;background:rgba(var(--main-color),1);left:50%;transform:translate(-50%);border-radius:5px}@media only screen and (max-width: 37.5em){.heading-sec__main:after{top:calc(100% + 1.2rem)}}.heading-sec__sub{display:block;text-align:center;color:gray;font-size:1.5rem;font-weight:500;max-width:80%;margin:auto;margin-top:6rem;margin-bottom:6rem;line-height:1.5}.heading-sec__sub--lt{color:gray}.heading-sm{font-size:2rem;text-transform:uppercase;letter-spacing:1px}.main-container{max-width:90rem;margin:auto;width:100%}.btn{background:transparent;color:#0062b9;text-transform:uppercase;letter-spacing:1px;display:inline-block;font-weight:700;border-radius:50px;box-shadow:0 5px 15px #00000026;transition:transform .3s}.contact-btn{background:#0062b9;color:#fff;text-transform:uppercase;letter-spacing:1px;display:inline-block;font-weight:700;border-radius:50px;box-shadow:0 5px 15px #00000026;transition:transform .3s;padding:1.5rem 3rem;font-size:1.2rem;border:2px solid #0062b9;margin-bottom:3rem;margin-top:0}.alt-style{background-color:transparent;border:2px solid #0062b9;color:#0062b9;text-transform:uppercase;letter-spacing:1px;display:inline-block;font-weight:700;border-radius:50px;transition:transform .3s;padding:1.5rem 3rem;font-size:1.2rem;margin-right:1em;margin-bottom:1em}.alt-style:hover,.btn:hover{transform:translateY(-3px)}.btn--bg{background:#0062b9;color:#fff;text-transform:uppercase;letter-spacing:1px;display:inline-block;font-weight:700;border-radius:50px;box-shadow:0 5px 15px #00000026;transition:transform .3s;padding:1.5rem 3rem;font-size:1.2rem;border:2px solid #0062b9}.btn--med{padding:1.5rem 3rem;font-size:1.5rem;border:2px solid #444}.btn--theme{background:#fff;color:#fff}.btn--theme-inv{color:#fff;background:#0062b9;box-shadow:none;padding:1.5rem 3rem;font-size:1.2rem}.sec-pad{padding:2rem 0}@media only screen and (max-width: 56.25em){.sec-pad{padding:5rem 0}}.text-primary{color:#777;font-size:1.6rem;text-align:center;width:100%;line-height:1.5;margin-top:3rem}.d-none{display:none}.home-hero{color:#444;background-color:#fff;background-position:center;background-size:cover;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:2rem 1rem;position:relative}.home-hero__content{z-index:2;max-width:90rem;width:100%;padding:2rem}.home-hero__content .heading-primary{font-size:3.2rem;text-transform:uppercase;margin-bottom:1.5rem;letter-spacing:1.5px}.home-hero__info{font-size:1.8rem;color:#777;line-height:1.6;margin-top:1.5rem;max-width:80%}.home-hero__cta{margin-top:2.5rem}.home-hero__cta{font-size:1.6rem;padding:1rem 2rem;border-radius:5px}@media only screen and (max-width: 768px){.home-hero{height:auto 0;padding:4rem 1rem}.home-hero__content{font-size:2.5rem}.home-hero__info{font-size:1.5rem}.home-hero__cta{font-size:1.4rem;padding:.8rem 1.5rem}}@media only screen and (max-width: 480px){.home-hero__content .heading-primary{font-size:3.5rem}.home-hero__info{font-size:1.2rem;margin-top:1rem}.home-hero__cta .btn--bg{font-size:1.2rem}}.blue-highlight{color:#0062b9}.home-hero__socials{position:absolute;top:50%;border:2px solid #eee;border-left:2px solid #eee;transform:translateY(-50%);z-index:2}.home-hero__mouse-scroll-cont{position:absolute;bottom:3%;left:50%;transform:translate(-50%);z-index:2}.home-hero__social{width:5rem}.home-hero__social-icon-link{width:100%;display:block;padding:1.2rem;border-bottom:2px solid #eee;transition:background .3s}.home-hero__social-icon-link:hover{background:#ffffff1a}.home-hero__social-icon-link--bd-none{border-bottom:0}.home-hero__social-icon{width:100%}@media only screen and (max-width: 37.5em){.home-hero{height:auto;min-height:100vh}.home-hero__content{padding:2rem 1rem;margin:0 auto;transform:none}}.home-hero__info{margin:3rem auto 0;max-width:80rem}.home-hero__cta{margin-top:5rem;text-align:center}.about{background:#fafafa}.about__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:10rem;margin-left:3rem;padding:1rem}@media only screen and (max-width: 56.25em){.about__content{grid-template-columns:1fr;grid-gap:8rem}}.about__content-title{font-weight:700;font-size:1.5rem;margin-bottom:2rem}.about__content-details-para{font-size:1.5rem;color:#777;max-width:60rem;line-height:1.5;margin-bottom:3em;font-weight:500}.about__content-details-para--hl{font-weight:700;margin:0 3px}.about__content-details-para:last-child{margin-bottom:2rem}.projects__row{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;margin-bottom:6rem;margin-top:6rem}@media only screen and (max-width: 56.25em){.projects__row{grid-template-columns:1fr;grid-gap:2rem;margin-bottom:8rem;text-align:center}}span{font-weight:700}.projects__row-img-cont{overflow:hidden;display:flex;justify-content:center;max-width:300px;aspect-ratio:1 / 1;border-radius:10px;box-shadow:5px 5px 10px #0000004d;margin:auto}.projects__row-img{width:300px;height:300px;object-fit:cover;object-position:top}.projects__row-content{padding:2em;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;border-bottom:2px solid lightgray;transition:transform .3s ease}.projects__row-content:hover{transform:scale(1.01)}@media only screen and (max-width: 56.25em){.projects__row{grid-template-columns:1fr;grid-gap:2rem;margin-bottom:8rem;text-align:center}.projects__row-img-cont{margin:0 auto;width:100%}.projects__row-content{align-items:center}}.projects__row-content-title{font-weight:700;font-size:2rem;margin-bottom:2rem}@media only screen and (max-width: 37.5em){.projects__row-content-title{font-size:2rem}}.projects__row-content-desc{font-size:1.5rem;color:gray;max-width:35rem;line-height:1.5;margin-bottom:1em}@media only screen and (max-width: 37.5em){.projects__row-content-desc{font-size:1.5rem}}.project-cs-hero{color:#444;background-color:#fff;background-size:cover;background-position:center;position:relative}@media only screen and (max-width: 37.5em){.project-cs-hero{height:unset;min-height:unset}}.project-cs-hero__content{padding:10em 0 5em;max-width:90rem;width:92%;margin:auto}@media only screen and (max-width: 37.5em){.project-cs-hero__content{padding:10em 0 5em;position:static;transform:translate(0)}}.project-cs-hero__info{margin:0rem auto 0;max-width:90rem}.project-cs-hero__cta{margin-top:3rem;text-align:center}.app-features-section{margin-top:20px;margin-bottom:20px}.learning-outcomes-section{margin-top:3rem;margin-bottom:3rem}.project-details__content{padding:1rem;max-width:90%;margin:auto}.project-details__content-title{font-weight:700;font-size:2rem;margin-bottom:3rem;color:#444}@media only screen and (max-width: 37.5em){.project-details__content-title{font-size:2rem}}.project-details__showcase-img-cont{width:100%;max-width:600px;margin:0 auto 4rem;overflow:hidden;border-radius:8px;box-shadow:0 4px 10px #0000001a}.project-details__showcase-img{max-height:300px;width:100%;object-fit:cover;object-position:top;transition:transform .3s ease}@media only screen and (max-width: 600px){.project-details__showcase-img-cont{max-width:100%}.project-details__showcase-img{height:250px}}.project-details__content-main{padding:2rem;background-color:#f8f8f8;border-radius:8px;font-size:1.5rem;width:90%;margin:auto;position:center}.project-details__desc{line-height:1.5;color:#555}#features-title,#skills-title{font-size:2rem;margin-top:3rem;margin-bottom:1.5rem;color:#444}.app-features-section ul,.learning-outcomes-section ul{list-style-type:none;padding-left:0}.app-features-section li,.learning-outcomes-section li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.app-features-section li:before,.learning-outcomes-section li:before{content:"•";position:absolute;left:0;color:rgba(var(--main-color),1)}.app-features-section span,.learning-outcomes-section span{font-weight:700;color:#0062b9}.project-details__tools-used{margin:3rem 0}.project-details__tools-used-list{display:flex;flex-wrap:wrap;gap:1rem}.project-details__tools-used-item{padding:.8rem 1.5rem;font-size:1.4rem;background:rgba(var(--main-color),.1);border-radius:5px;font-weight:600;color:rgba(var(--main-color),1)}.project-details__links{margin-top:3rem}.project-details__links-btn{margin-right:2rem;margin-bottom:1rem}@media only screen and (max-width: 37.5em){.project-details__content-title{font-size:2rem}.project-details__content-main{font-size:1.6rem}}.header{position:fixed;width:100%;z-index:1000;background:#000;background:#fff;box-shadow:0 10px 100px #0000001a}.header__content{display:flex;align-items:center;justify-content:space-between;padding:1rem}@media only screen and (max-width: 56.25em){.header__content{padding:0 2rem}}.header__logo-container{display:flex;align-items:center;cursor:pointer;color:#444;transition:color .3s}.header__logo-container:hover{color:rgba(var(--main-color),1)}.header__logo-img-cont{width:5rem;height:5rem;border-radius:50px;overflow:hidden;margin-right:1.5rem;background:rgba(var(--main-color),1)}@media only screen and (max-width: 56.25em){.header__logo-img-cont{width:4.5rem;height:4.5rem;margin-right:1.2rem}}.header__logo-img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.header__logo-sub{font-size:1.5rem;text-transform:uppercase;font-weight:700;letter-spacing:1px}.header__links{display:flex}@media only screen and (max-width: 37.5em){.header__links{display:none}}.header__link{padding:1em;display:inline-block;font-size:1.5rem;color:#444;text-transform:uppercase;letter-spacing:1px;font-weight:700;transition:color .3s}.header__link:hover{color:rgba(var(--main-color),1)}@media only screen and (max-width: 56.25em){.header__link{padding:3rem 1.8rem;font-size:1.6rem}}.header__main-ham-menu-cont{display:none;width:3rem;padding:2.2rem 0}@media only screen and (max-width: 37.5em){.header__main-ham-menu-cont{display:block}}.header__main-ham-menu,.header__main-ham-menu-close{width:100%}.header__sm-menu{background:#fff;position:absolute;width:100%;top:100%;visibility:hidden;opacity:0;box-shadow:0 5px 5px #0000001a;-webkit-box-shadow:0px 5px 5px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 5px 5px 0px rgba(0,0,0,.1)}.header__sm-menu--active{visibility:hidden;opacity:0}.header__sm-menu{transform:translate(100%);transition:transform .3s ease-in-out}.header__sm-menu--active{transform:translate(0)}@media only screen and (max-width: 37.5em){.header__sm-menu--active{visibility:visible;opacity:1}}.header__sm-menu-link a{display:block;text-decoration:none;padding:2.5rem 3rem;font-size:1.6rem;color:#444;text-align:right;border-bottom:1px solid #eee;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:color .3s}.header__sm-menu-link a:hover{color:rgba(var(--main-color),1)}.header__sm-menu-link:first-child a{border-top:1px solid #eee}.header__sm-menu-link-last{border-bottom:0}.main-footer{background-color:#eee;text-align:center}.skills{display:flex;flex-wrap:wrap}.skills__skill{padding:1rem 2rem;margin-bottom:1.5rem;margin-right:1.5rem;font-size:1.6rem;background:#9993;border-radius:5px;font-weight:600;color:#777}.mouse{width:25px;height:40px;border:2px solid #444;border-radius:60px;position:relative;overflow:hidden}.mouse:before{content:"";width:5px;height:5px;position:absolute;top:7px;left:50%;transform:translate(-50%);background-color:rgba(var(--n-blue),1);border-radius:50%;opacity:1;animation:wheel 1.3s infinite;-webkit-animation:wheel 1.3s infinite}.btn-container{display:flex;justify-content:center;align-items:center}.contact-btn:hover{transform:translateY(-3px)}.contact-btn:focus{outline:none;box-shadow:0 0 8px #007bff99}@media (max-width: 768px){.btn{font-size:1.5rem;padding:1.5rem 3rem}}.contact{background-color:#fff;background-size:cover;background-position:center;color:#444;padding:2rem}.main-footer{color:#eee;padding:4rem 0}.main-footer__upper{text-align:center}.footer-copyright{font-size:1.4rem}@media only screen and (max-width: 37.5em){.contact{padding:2rem 0}.main-footer{padding:3rem 0}}@keyframes wheel{to{opacity:0;top:27px}}@-webkit-keyframes wheel{to{opacity:0;top:27px}}.project-cs-hero__content{position:relative;overflow:hidden}.project-cs-hero__content .heading-primary{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}