.container-card{max-width:95%;padding-bottom:10px;padding-left:16px;padding-right:16px;margin:0 auto;display:grid;grid-template-columns:repeat(1,1fr);gap:20px}@media(min-width:768px){.container-card{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.container-card{grid-template-columns:repeat(4,1fr)}}.container-card .card{height:100%;padding:12px;transition:transform .2s ease-in-out;background:#f9eddd;border-color:#7d8ea3}.container-card .card:hover{transform:translateY(-10px);box-shadow:0 0 30px 1px #7d8ea3}.container-card .card .container-image{width:100%}.container-card .card .container-image .card-image{width:100%;aspect-ratio:2/1.3;object-fit:cover;border-radius:8px}@media screen and (min-width:768px){.container-card .card .container-image .card-image{aspect-ratio:2/1.5}}.container-card .card .image-title{text-transform:uppercase;margin-top:16px;color:#5e5141;font-size:14px}@media(min-width:768px){.container-card .card .image-title{font-size:18px}}.container-card .card .image-subtitle{color:#4d5a65;font-size:14px}@media(min-width:768px){.container-card .card .image-subtitle{font-size:18px}}.content-link,.content-link .projects-link{display:flex;justify-content:center}.content-link .projects-link{width:300px;gap:10px;margin-top:20px;transition:all .35s ease-in-out}.content-link .projects-link:hover{text-decoration:underline gold;transform:scale(1.1)}.content-link .projects-link .logo{color:gold;height:20px;width:20px}@media(min-width:768px){.content-link .projects-link .logo{height:30px;width:30px}}.content-link .projects-link span{color:gold;font-size:18px}@media(min-width:768px){.content-link .projects-link span{font-size:24px}}.no-hobbie{text-align:center;color:#7d8ea3;font-size:18px}@media(min-width:768px){.no-hobbie{font-size:24px}}.hero-container{position:relative;height:300px;overflow:hidden}@media screen and (min-width:768px){.hero-container{height:500px}}.hero-container .hero-title{position:absolute;text-transform:uppercase;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;font-size:20px;font-weight:700;text-align:center;color:#fff;background:linear-gradient(90deg,transparent,rgba(0,0,0,.496) 50%,transparent)}@media screen and (min-width:768px){.hero-container .hero-title{font-size:40px;width:50%}}.hero-container .bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hero-container .wave-container{position:absolute;bottom:-10px;left:0;width:100%;height:100px;background:url(/_next/static/media/vague.fa2a6c4a.svg) repeat-x bottom;background-size:contain}.about-container{background-color:#f9eddd}.about-container .about-title{text-align:center;font-size:20px;font-weight:700;margin-bottom:20px;padding-top:20px}@media(min-width:425px){.about-container .about-title{font-size:24px}}@media(min-width:768px){.about-container .about-title{font-size:32px}}.about-container .about-description{text-align:center;font-size:16px;line-height:1.5;margin:0 60px;padding-bottom:30px}@media(min-width:768px){.about-container .about-description{font-size:18px}}