*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none;box-shadow:0 0 0 .8rem #1864ab4d}html{font-size:62.5%;overflow-x:hidden}body{font-family:Montserrat,sans-serif;line-height:1;font-weight:400;overflow-x:hidden}strong{font-weight:600}.container{max-width:130rem;margin:0 auto;padding:0 3.6rem}.heading-secondary{color:#020a11;font-size:4rem;text-align:center;margin-bottom:1rem}.subheading{display:block;font-size:1.3rem;margin-bottom:1rem;text-transform:uppercase;font-weight:600;color:#1864ab;text-align:center;letter-spacing:.5rem}.separator--white{background-color:#e8f0f7;height:.6rem;width:8rem;border-radius:1rem;display:flex;align-items:center;margin-bottom:4rem}.separator--white-thin{background-color:#e8f0f7;height:.3rem;width:16rem;border-radius:1rem;display:flex;align-items:center;margin-bottom:1rem}.separator--blue{background-color:#1864ab;height:.6rem;width:8rem;border-radius:1rem;display:flex;align-items:center;margin-bottom:4rem}.separator--blue-thin{background-color:#1864ab;height:.3rem;width:8rem;border-radius:1rem;display:flex;align-items:center;margin-bottom:1rem}.logo{height:6.4rem;width:6.4rem;transition:all .3s}.logo:hover,.logo:active{transform:scale(1.07)}.btn,.btn:link,.btn:visited{display:inline-flex;font-size:1.8rem;font-weight:600;padding:1.2rem 2.4rem;text-decoration:none;border-radius:1rem;align-items:center;justify-content:center;gap:2rem;border:none;cursor:pointer;font-family:inherit;transition:all .3s}.btn--form{background-color:#1864ab;color:#e8f0f7;padding:1.2rem}.btn--form:hover,.btn--form:active{background-color:#e8f0f7;color:#555;box-shadow:inset 0 0 0 2px #1864ab}.btn--full{background-color:#e8f0f7;color:#1864ab;padding:1.2rem}.btn--full:hover,.btn--full:active{background-color:#1864ab;color:#e8f0f7;box-shadow:inset 0 0 0 2px #e8f0f7}.main-nav-link:link,.main-nav-link:visited{display:inline-block;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:all .3s ease-in}.main-nav-link:hover,.main-nav-link:active{border-bottom:1px solid currentColor}.header{background-color:#0a2844;height:6.2rem;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-items:center;padding:0 4.8rem}.header-logo{height:6.4rem;width:6.4rem;grid-column:2;transition:all .3s}.header-logo:hover,.header-logo:active{transform:scale(1.07)}.main-nav{grid-column:3;justify-self:end}.main-nav-list{list-style:none;display:flex;align-items:center;gap:4.8rem}.main-nav-link:link,.main-nav-link:visited{display:inline-block;text-decoration:none;color:#e8f0f7;font-weight:500;font-size:1.8rem;transition:all .3s}.main-nav-link:hover,.main-nav-link:active{color:#bad1e6;border-bottom:inset 0 0 0 2px #1864ab}.section-profile{background-image:linear-gradient(to right bottom,#0e3c67d9,#0e3c67d9),url(profilebg.jpg);background-size:cover;background-position:center;padding:5rem 6rem 2rem}.profile{max-width:130rem;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:10rem;row-gap:4.8rem}.greeting-info{display:flex;flex-direction:column;gap:2rem;align-items:flex-end;color:#e8f0f7}.name{font-weight:700;font-size:6rem}.title{font-weight:500;font-size:2.8rem;color:#bad1e6}.greeting-text{font-size:2rem;color:#e8f0f7;text-align:end;line-height:1.3}.profile-img{height:44rem;box-shadow:0 2.4rem 4.8rem #0006;border-radius:1rem;transition:all .5s}.profile-img:hover,.profile-img:active{transform:scale(1.01);box-shadow:0 2.4rem 8rem #0006}.social-media-container{grid-column:1 / -1;align-self:center;justify-self:center}.social-media-icon ion-icon{color:#e8f0f7;font-size:3.6rem;padding:.1rem;transition:all .3s ease}.social-media-icon:hover ion-icon,.social-media-icon:active ion-icon{background-color:#fff;border-radius:.7rem;color:#0a2844}.social-media-box{display:flex;gap:2rem}.section-about{padding:8rem 0}.about-text{font-size:1.8rem;line-height:1.3}.section-skills{padding:8rem 0}.skills-text{font-size:1.8rem;line-height:1.3}.skill-cards-container{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;column-gap:2.4rem;row-gap:6rem}.skill-card{padding:2.4rem;width:100%;height:100%;box-shadow:0 0 4.8rem #0000001f;border-radius:1rem;text-align:center;transition:all .3s;position:relative}.skill-card:hover,.skill-card:active{transform:translateY(-.5rem);box-shadow:inset 0 0 0 2px #1864ab4d}.skill-card-header{height:6rem}.skill-category{font-size:2rem;margin-bottom:1rem}.skills{list-style:none;display:flex;flex-direction:column;gap:1rem}.skill{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:1rem}.skill-icon{height:3rem;border-radius:.1rem}.footer{padding:8rem 0 2rem}.copyright p{font-size:1.2rem;line-height:1.5}.grid--footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid #eee}.footer-logo{justify-self:center}.footer-socials{display:flex;align-items:center;justify-content:flex-end;gap:2rem}.footer-social-icon ion-icon{color:#74a2cd;font-size:3.6rem}.footer-social-icon:hover ion-icon,.footer-social-icon:active ion-icon{color:#0a2844}.section-contact{padding:8rem 0 2rem}.contact-div{display:grid;grid-template-columns:1fr;background-color:#e8f0f7;box-shadow:0 2.4rem 4.8rem #00000026;border-radius:1.1rem;padding:4.8rem}.contact-form{display:grid;gap:2.4rem}.contact-form label{display:block;font-size:1.8rem;font-weight:600;margin-bottom:1.2rem;color:#020a11}.contact-form input,.contact-form textarea{width:100%;padding:1.2rem;font-size:1.6rem;font-family:inherit;color:inherit;border:none;background-color:#fff;border-radius:1rem;box-shadow:0 1px 2px #00000026;line-height:1.5}.contact-form textarea{height:20rem}.contact-form *:focus{outline:none;box-shadow:0 0 0 .8rem #1864ab4d}.section-portfolio{padding:8rem 0;background-color:#0a2844}.portfolio-grid{display:grid;grid-template-columns:1fr 2fr;gap:5rem;justify-content:center;align-items:center}.portfolio-text{font-size:10rem;color:#bad1e6;text-align:end;padding-right:1rem}.portfolio-gallery{display:grid;grid-template-columns:repeat(2,1fr);column-gap:2rem;row-gap:2rem}.portfolio-item{display:flex;flex-direction:column;align-items:center;gap:1.2rem}.portfolio-project-img{height:14rem;box-shadow:0 2.4rem 4.8rem #0006;transition:all .5s}.portfolio-project-name{font-size:1.4rem;color:#e8f0f7;font-weight:700;z-index:1}.portfolio-project-img:hover,.portfolio-project-img:active{transform:scale(1.05);cursor:pointer}@media (max-width: 87em){.main-nav-link:link,.main-nav-link:visited{font-size:1.4rem}}@media (max-width: 75em){html{font-size:55%}.portfolio-gallery{row-gap:2rem}}@media (max-width: 61em){.portfolio-text{font-size:8rem}.name{font-size:4.2rem}.title{font-size:2.2rem}.greeting-text{font-size:1.6rem}.main-nav{display:none}.profile-img{height:36rem}.skill-cards-container{grid-template-columns:repeat(6,1fr);row-gap:2.4rem}.frontend-skills,.backend-skills,.devops-skills{grid-column:span 2;width:85%}.database-skills,.other-skills{grid-column:span 3;width:55%}.database-skills{justify-self:end}.other-skills{justify-self:start}.portfolio-grid{display:flex;flex-direction:column;justify-content:center;align-items:center}.portfolio-text{text-align:center;font-size:8rem}.portfolio-gallery{grid-template-columns:1fr}}@media (max-width: 46em){.portfolio-text{text-align:center;font-size:6rem}.profile{grid-template-columns:1fr;justify-content:center;align-items:center}.photo-div{grid-row:1;display:flex;flex-direction:column;align-items:center}.greeting-info{align-items:center}.greeting-text{text-align:center}.profile-img{height:30rem}.skill-cards-container{display:grid;grid-template-columns:1fr 1fr}.frontend-skills,.backend-skills,.devops-skills,.database-skills,.other-skills{grid-column:initial;width:100%}.other-skills{grid-column:span 2;width:50%;justify-self:center}}@media (max-width: 34em){.footer-social-icon ion-icon{font-size:3rem}}