@import "https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap";*{box-sizing:border-box}#root{background:linear-gradient(314deg,#804e73 0%,#ac5f53 50%,#804e73 100%) no-repeat;flex-direction:column;min-height:100vh;display:flex}body{margin:0;padding:0}main{flex:1}.wrapper{width:100%;max-width:1200px;margin:0 auto;padding:0 4rem}header .wrapper{display:flex}img{width:40%}h1,h2{margin-bottom:.5rem;font-family:Baskervville,serif;font-size:3rem;font-weight:500}h3{margin-bottom:.5rem;font-family:Baskervville,serif;font-size:2rem;font-style:italic;font-weight:lighter}p{font-family:Didact Gothic,sans-serif}em{font-style:italic;font-weight:700}.main-button{background-color:#000;border-radius:2rem;margin-top:2rem;padding:.3rem 2rem .7rem;display:inline-block}.main-button:hover{color:#000;background-color:#fff;transition:all .9s}.secondary-button{color:#000;background-color:#fff;border-radius:2rem;padding:.5rem 1rem .7rem;font-size:1rem;display:inline-block}.secondary-button:hover{color:#000;background-color:#b83169;transition:all .9s}header{background-color:#000;padding-top:2rem;padding-bottom:2rem}nav{align-items:center;width:100%;display:flex}.nav-links{flex:1;justify-content:space-between;min-width:0;margin-left:5rem;display:flex}a:hover{color:#b83169;transition:all .5s}a{color:#fff;font-family:Didact Gothic,sans-serif;font-size:1.5rem;text-decoration:none}nav img{width:150px;display:block}.logo-link{align-self:flex-start;display:block}.hamburger,.mobile-menu{display:none}@media (width<=768px){.nav-links{flex:none;display:none}.hamburger{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:2rem;display:block}.mobile-menu{z-index:1000;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:80%;max-width:400px;height:100vh;transition:transform .4s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.mobile-menu.open{transform:translate(0)}.mobile-menu a{color:#fff;font-size:2rem}.close-menu{color:#fff;cursor:pointer;background:0 0;border:none;font-size:3rem;position:absolute;top:2rem;right:2rem}}footer{background-color:#000;width:100%;margin-top:3rem;padding:.5rem 0}footer .wrapper{align-items:center;display:flex}.socials{gap:.1rem;margin-left:auto;display:flex}ul{padding:0;list-style:none}.socials a{font-size:2rem}footer img{width:100px;display:block}.who,.what{align-items:center;gap:2rem;margin:2rem 0;display:flex}.what{text-align:right}.button-container{text-align:center}.who img{background-color:#ffc0cb6d;border-radius:8%;width:40%}.what img{border-radius:8%;margin-top:2rem}.how{text-align:center;margin-top:5rem}.services{justify-content:center;gap:4rem;display:flex}.services h3{margin-bottom:3rem}.services img{width:120px;height:auto}.illustration img{width:180px;transition:transform .3s}.illustration img:hover{animation:1s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.web img{transition:transform .3s}.web img:hover{animation:3s ease-in-out infinite spin}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.design img{transition:transform .3s}.design img:hover{animation:1.5s ease-in-out infinite grow}@keyframes grow{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (width<=768px){.services{display:block}.services h3{margin-bottom:1rem}.who,.what{text-align:center;display:block}.who img,.what img{width:250px;margin:2rem auto 0;display:block}.services img{padding-bottom:1rem}}.ProjectCard{color:#fff;align-items:center;gap:2rem;width:100%;max-width:1000px;margin:auto;padding:1rem;display:flex}.wrapper-p{background-color:#000;margin-top:2rem}.ProjectCard h2{margin:0}.ProjectCard h3{margin-top:0;padding-top:-.5rem}.ProjectCard p{padding:.5rem, 0rem}.lazy-img{border-radius:5%;width:300px;height:auto;margin-left:4rem}@media (width<=768px){.ProjectCard{display:block}.ProjectCard h2{line-height:3rem}.sb-container{text-align:center;padding-top:1rem}.secondary-button{font-size:2.5rem}.ProjectCard .lazy-img{max-width:100%;margin:auto}}.image-wrapper{width:100%;position:relative;overflow:hidden}.image-wrapper img{opacity:0;width:100%;transition:opacity .3s;display:block}.image-wrapper.loaded img{opacity:1}.shimmer{background:linear-gradient(90deg,#eee 25%,#ddd 50%,#eee 75%) 0 0/200% 100%;animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.contact-me{gap:2rem;margin-top:4rem;display:flex}.contact-me img{border-radius:5%;width:300px}.buttons a{padding-right:3rem;font-size:5rem}.buttons{text-align:center;margin-top:3rem}.buttons a:hover{color:#000}@media (width<=768px){.contact-me{text-align:center;margin-top:1rem;display:block}.buttons{justify-content:center;margin-top:3rem;display:flex}.buttons a{margin:0;padding:0}.contact-me h1{margin-top:0}.contact-me img{width:250px;margin:2rem auto 0;display:block}.contact-me h1{margin-bottom:2rem;line-height:2.5rem}}h1{text-align:center}.service{text-align:center;gap:1rem;display:flex}.service h3{margin-bottom:2rem}.price{color:#fff;text-align:center;background-color:#000;margin-top:4rem;padding:1rem 4rem 2rem}.policies{text-align:center;margin-top:4rem}.price h2{margin-top:.5rem}.options{gap:2rem;display:flex}.options article{max-width:700px;margin:auto}.button_container{text-align:center}@media (width<=768px){.service{display:block}.service h3{margin-bottom:.5rem}.options{display:block}.options img{width:100%}}.project{gap:4rem;display:flex}.text{flex:1}.imgs{flex:2;grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.imgs img{width:100%}.imgs img:hover{transition:all .5s;box-shadow:-1px 5px 15px #000000c4}.lightbox{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:90vw;max-height:90vh}.portfolio-menu .main-button{display:none}.portfolio-menu{align-items:center;display:flex}.portfolio-menu h1{flex:2;padding-bottom:2rem}.portfolio-menu .main-button{margin:0}@media (width<=768px){.project,.imgs{display:block}.imgs img{padding:2rem 0}.project h3{text-align:center;margin-top:0;font-size:2rem;line-height:2rem}.portfolio-menu h1{line-height:3rem}}