Espátula de maquillaje Piccasso

@import url(‘https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap’);

body { margin:0; padding:0; }
body .-container { max-width:800px !important; }
#eventWrap { max-width:800px; width:100%; margin:0 auto; color:#666; font-size:24px; text-align:center; font-family:’Roboto’, sans-sefif; box-sizing:border-box; }
h2,p { margin:0; padding:0; }
dl,dt,dd { margin:0; line-height:1.1; }
#eventWrap em { font-style:normal; }
#eventWrap img { max-width:100%; vertical-align:top; }
.sr-only { position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin:-1px; border:0; clip:rect(0,0,0,0); }
.content-box { position:relative; overflow:hidden; }
.txt-box { position:absolute; left:0; width:100%; line-height:1.1; box-sizing:border-box; }
.base-color { color:#172f51; }
.black-color { color:#000; }
.fw-bold { font-weight:700; }
.fw-semibold { font-weight:500; }
.fw-normal { font-weight:400; }
.fw-thin { font-weight:300; }
.neon { position:relative; }
.neon::before { content:»; position:absolute; left:-5px; bottom:0; width:calc(100% + 10px); height:40%; background:#c087f0; }
.neon em { position:relative; }
.content-box figure { margin:0; padding:0; }
.content-box h2 { line-height:1.1; }
.content-box p { line-height:1.3; }
.link-box { display:flex; position:absolute; bottom:51px; width:100%; height:340px; }
.link-box a { flex:1; }
.gif-box { position:absolute; width:100%; }

.box1 .txt-box1 { top:6%; }
.box1 .txt-box1 h2 { font-size:45px; }
.box1 .txt-box1 h2 span { font-size:37px; }
.box1 .txt-box1 p { margin:3% 0 0; }

.box2 .txt-box1 { top:15%; }
.box2 .txt-box2,
.box2 .txt-box3,
.box2 .txt-box4 { text-align:left; padding-left:43%; letter-spacing:-1px; }
.box2 .txt-box2 h2,
.box2 .txt-box3 h2,
.box2 .txt-box4 h2 { font-size:24px; color:#574b3d; padding-left:23%; }
.box2 .txt-box2 p,
.box2 .txt-box3 p,
.box2 .txt-box4 p { font-size:20px; color:#988e7e; margin-top:4%; }

.box2 .txt-box2 span,
.box2 .txt-box3 span,
.box2 .txt-box4 span { font-size:19px; display:block; color:#a19c95; padding-left:12%; margin-top:5%; }

.box2 .txt-box2 { top:56%; }
.box2 .txt-box3 { top:69.9%; }
.box2 .txt-box4 { top:87.2%; }

.box3 .txt-box1 { top:5.5%; }

.box4 .txt-box1 { top:27.5%; }
.box4 .txt-box1 h2 { color:#5b4f42; }
.box4 .txt-box2 { top:49%; left:11%; width:30%; }
.box4 .txt-box2 p { font-size:22px; color:#625950; }
.box4 .txt-box3 { top:69.5%; left:11%; width:30%; }
.box4 .txt-box3 p { font-size:22px; color:#625950; }

.box4 .txt-box4 { top:58%; left:53%; width:28%; }
.box4 .txt-box4 p { font-size:16px; color:#625950; line-height:1; }
.box4 .txt-box5 { top:86%; left:53%; width:28%; }
.box4 .txt-box5 p { font-size:16px; color:#625950; line-height:1; }

.box5 .txt-box1,
.box5 .txt-box2,
.box5 .txt-box3,
.box5 .txt-box4 { padding-left:43%; text-align:left; }

.box5 .txt-box1 p,
.box5 .txt-box2 p,
.box5 .txt-box3 p,
.box5 .txt-box4 p { color:#818180; }

.box5 .txt-box1 span,
.box5 .txt-box2 span,
.box5 .txt-box3 span,
.box5 .txt-box4 span { font-size:16px; color:#89877c; display:block; margin-top:5%; padding-left:11%; }

.box5 .txt-box1 { top:24.7%; }
.box5 .txt-box2 { top:44.7%; }
.box5 .txt-box3 { top:63%; }
.box5 .txt-box4 { top:82%; }

.box6 .txt-box1 { top:0.8%; }
.box6 .txt-box1 p { font-size:28px; color:#fff; }
.box6 .txt-box2 { top:47.4%; }
.box6 .txt-box2 p { font-size:28px; color:#fff; }

@media (max-width: 800px){
#eventWrap { font-size:3vw; }
.box1 .txt-box1 h2 { font-size:5.63vw; }
.box1 .txt-box1 h2 span { font-size:4.63vw; }

.box2 .txt-box2 h2,
.box2 .txt-box3 h2,
.box2 .txt-box4 h2 { font-size:3.00vw; }
.box2 .txt-box2 p,
.box2 .txt-box3 p,
.box2 .txt-box4 p { font-size:2.50vw; }

.box2 .txt-box2 span,
.box2 .txt-box3 span,
.box2 .txt-box4 span { font-size:2.38vw; }

.box4 .txt-box2 p { font-size:2.75vw; }
.box4 .txt-box3 p { font-size:2.75vw; }

.box4 .txt-box4 p { font-size:2.00vw; }
.box4 .txt-box5 p { font-size:2.00vw; }

.box5 .txt-box1 span,
.box5 .txt-box2 span,
.box5 .txt-box3 span,
.box5 .txt-box4 span { font-size:2.00vw; }

.box6 .txt-box1 p { font-size:3.50vw; }
.box6 .txt-box2 p { font-size:3.50vw; }