@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css";@import"https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";html{font-size:20px}body{font-family:Raleway}footer{background-color:#000;color:#fff;text-align:center;padding:2rem}.logo{width:4.5rem;height:4.5rem}header{position:sticky;top:0;z-index:100}nav{display:flex}nav div{justify-content:end}nav ul li a{color:#000!important}h1{font-weight:bolder;font-size:3rem;text-transform:uppercase;text-align:left}p,li,label,#about-me h1,#services h1,#portfolio h1,#contact-me h1{color:#000}.nav-item :hover{text-decoration:underline}.nav-item a{font-weight:700}h5{text-transform:uppercase}.container-xxxl{max-width:1920px;margin:auto}.about-me-highlight{color:#008afc;font-weight:600}#hero{color:#fff;background-color:#008afc;background:linear-gradient(#6e006ecc,#04fc),url(/images/hero.png);background-size:cover;background-repeat:no-repeat;height:70vh}.hero-container{position:relative;height:100%}.hero-text,.portfolio-text{position:absolute;top:calc(70vh - 70%);text-transform:capitalize}.hero-text h1,.portfolio-text h1{font-size:4rem}#portfolio-hero{position:relative;color:#fff;background-color:#008afc;background:linear-gradient(#6e006ecc,#04fc),url(/images/portfolio.png);background-size:cover;background-repeat:no-repeat;height:70vh}.benefits{background-color:#f3f3f3}#benefitsList li{margin-top:.8rem;margin-bottom:.8rem}#hide-small-photo{display:none}#hide-big-photo{display:initial}#services{scroll-margin-top:4rem;background-color:#f3f3f3}#services .content{padding-top:4rem;padding-bottom:4rem}.services-list{display:grid;grid-template-columns:13rem auto;row-gap:3rem;column-gap:1rem;max-width:50rem;margin:auto}.services-list h5{color:#6e006e;font-weight:700}.border-line{border-bottom:1px solid black}.services-list img{width:40%;height:40%}#about-me{padding-top:4rem;padding-bottom:4rem;scroll-margin-top:8rem}#about-me img{border:1px solid #9e9e9e;box-shadow:0 10px 15px #a0a0a0}#portfolio{margin-top:4rem;margin-bottom:4rem;scroll-margin-top:8rem}.portfolio-item-img{overflow:hidden;max-height:60%}#portfolio img{width:100%;object-fit:fill}.card{max-width:540px;box-shadow:0 10px 15px #a0a0a0;background-color:#b0b0b080}.card h5{color:#6e006e;font-weight:700}.card:hover img{transform:scale(1.2);transition-duration:.5s;transition-timing-function:ease-in;opacity:.7}.card:hover{cursor:pointer;background-color:#04f6}form div{padding:0 15%;display:grid;grid-template-columns:auto}button{margin-top:1rem;margin-bottom:2rem}#contact-me{padding-top:4rem;padding-bottom:4rem;scroll-margin-top:8rem;background-color:#f3f3f3}.icons{font-size:1.8rem;color:#fff}.icons:hover{color:#adadad}.carousel{overflow:hidden;max-height:40rem}#project,#benefits,#portfolioPhotos{padding-top:4rem;padding-bottom:4rem}#carouselExampleIndicators{box-shadow:0 10px 15px #a0a0a0;border-radius:.5rem;height:800px}@media screen and (max-width: 600px){html{font-size:14px}.card{max-width:340px}#hero .hero-text h1{font-size:3rem}.services-list{grid-template-columns:7rem auto;padding-right:1rem}.services-list img{width:60%}#hide-small-photo{display:inherit;width:55%;justify-self:center}#hide-big-photo{display:none}.carousel{max-height:15rem}}@media screen and (min-width: 601px) and (max-width: 767px){html{font-size:20px}}@media screen and (min-width: 768px) and (max-width: 991px){html{font-size:26px}}@media screen and (min-width: 992px) and (max-width: 1199px){html{font-size:30px}}