.container-cards{width:100%;height:auto;margin-top:450px}@media (min-width: 768px) and (max-width: 1024px){.container-cards{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"orangee animattion" "desing  photography" "crypto  business";margin-top:100px}.container-cards .card{width:340px;height:284px;aspect-ratio:1/1}}@media (min-width: 1025px) and (max-width: 1440px){.container-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"orangee animattion  desing" "photography crypto  business";margin-top:100px}.container-cards .card{width:340px;height:284px;aspect-ratio:1/1}}.container-cards .card--orange{grid-area:orangee}.container-cards .card--desing{grid-area:desing}.container-cards .card--photography{grid-area:photography}.container-cards .card--crypto{grid-area:crypto}.container-cards .card--business{grid-area:business}.container-cards .card--animation{grid-area:animattion}*{padding:0;margin:0;box-sizing:border-box}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-Regular-CBZTsrN3.woff2) format("woff2"),url(/public/font/) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-ExtraBold-FU-fOxr8.woff2) format("woff2"),url(/assets/PlusJakartaSans-ExtraBold-H2Nodivu.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/assets/PlusJakartaSans-SemiBold-o4lrBxJa.woff2) format("woff2"),url(/assets/PlusJakartaSans-SemiBold-v2Y-wpaX.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}body{font-family:Plus Jakarta Sans;background:#f5f5f5}body .container-wrap{width:90%;height:auto;margin:auto;background-image:url(/assets/Group9-D3L081GP.png);background-repeat:no-repeat;background-position:center top 300px;background-size:400px;transition:all ease 2s}@media (min-width: 768px) and (max-width: 1024px){body .container-wrap{background-image:url(/assets/Group12-Bu4KEe_b.png);background-repeat:no-repeat;background-position:top 10px right;background-size:350px}}@media (min-width: 1025px) and (max-width: 1440px){body .container-wrap{background-image:url(/assets/chica-rzuQsvNs.png);background-repeat:no-repeat;background-position:top right;background-size:350px}}body a{text-decoration:none}body p{font-size:1rem;color:#83869a}.button{display:flex;justify-content:center;align-items:center;border-radius:20px;padding:15px 40px;text-decoration:none;color:#f5f5f5}.button--black{background-color:#13183f;transition:all ease 1s;font-size:1rem}@media (min-width: 1025px) and (max-width: 1440px){.button--black{margin-right:100px}}.button--black:hover{color:#13183f;background-color:#a1a9e3}.button--orange{background-image:linear-gradient(#ff6f48,#f02aa6);transition:all ease 2s;align-self:flex-start;display:inline-block;font-size:1rem;margin-top:20px}.button--orange:hover{color:#f5f5f5;background-image:radial-gradient(#4851ff,#f02aa6)}.button--pink{background-image:linear-gradient(#4851ff,#f02aa6);transition:all ease 2s;display:inline-block;font-size:1rem}.button--pink:hover{color:#f5f5f5;background-image:radial-gradient(#000,orange)}.card{display:flex;flex-direction:column;justify-content:space-evenly;width:343px;height:283px;background:#fff;padding:0 15px;border-radius:10px;position:relative;margin:40px auto auto}.card__title{font-size:2rem;font-weight:700}.card__link{color:red;font-size:.8rem}.card--orange{background-image:linear-gradient(#ff6f48,#f02aa6);color:#f5f5f5;justify-content:start;padding-top:30px;height:300px}svg:not(.header__logo){max-width:100px;position:absolute;top:-25px}.footer__card{display:flex;justify-content:space-around;gap:60px;align-items:center;background:#13183f;height:10vh;margin-top:50px}.footer__title{color:#f5f5f5;font-size:1.5rem}.section{max-width:450px;min-width:300px;margin-top:40px;display:flex;flex-direction:column;justify-content:space-around}@media (min-width: 768px) and (max-width: 1024px){.section{margin-top:100px;max-width:300px;min-width:300px}}@media (min-width: 1025px) and (max-width: 1440px){.section{margin-top:90px}}.section__title{font-size:clamp(2rem,6vw,3rem);font:weight 500px}.header__menu{display:flex;justify-content:space-between;margin-top:40px}
