@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/great-vibes-vietnamese-400-normal.7c6d919c.woff2) format("woff2"),url(/_astro/great-vibes-all-400-normal.f434a07e.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/great-vibes-latin-ext-400-normal.22f2aa42.woff2) format("woff2"),url(/_astro/great-vibes-all-400-normal.f434a07e.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Great Vibes;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/great-vibes-latin-400-normal.553fd833.woff2) format("woff2"),url(/_astro/great-vibes-all-400-normal.f434a07e.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Charm;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/charm-thai-400-normal.6cc52ee7.woff2) format("woff2"),url(/_astro/charm-all-400-normal.6b46ede3.woff) format("woff");unicode-range:U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Charm;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/charm-vietnamese-400-normal.0e8b1613.woff2) format("woff2"),url(/_astro/charm-all-400-normal.6b46ede3.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Charm;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/charm-latin-ext-400-normal.dbb3158c.woff2) format("woff2"),url(/_astro/charm-all-400-normal.6b46ede3.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Charm;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/charm-latin-400-normal.561cc4f9.woff2) format("woff2"),url(/_astro/charm-all-400-normal.6b46ede3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{width:100vw;height:100vh;margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:#252525}#main{width:50%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media (max-width: 480px){#main{width:100%}}@media only screen and (min-width: 500px) and (max-width: 961px){#main{width:100%}}#main .controlBar{width:60%;margin-top:1rem;display:flex;flex-direction:row;justify-content:space-around;align-items:center;background-color:#9d2cc6;border-radius:20px}@media only screen and (max-width: 480px){#main .controlBar{width:85%}}@media only screen and (min-width: 500px) and (max-width: 961px){#main .controlBar{width:45%}}@media all and (display-mode: fullscreen){#main .controlBar{width:30%}}#main .controlBar .icons{padding:.2em;font-size:2.5em;color:#a7a7a7;transition:1s}@media only screen and (max-width: 961px){#main .controlBar .icons{font-size:1.5em}}#main .controlBar .icons:hover{color:#55c62c}#main #mainBody{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto;font-family:Charm}#main #mainBody h1{margin:4rem;position:absolute;font-size:3rem;text-align:center;color:#9d2cc6;font-family:Great Vibes}#main #mainBody #animation{width:100%;height:90%;display:flex;flex-direction:column;justify-content:center;align-items:center}#main #mainBody #animation .inter{padding-bottom:6rem}#main #mainBody #animation h2{margin:0;position:absolute;font-size:2.5em;color:#a7a7a7;text-shadow:2px 2px 5px #9D2CC6,2px 2px 5px #9D2CC6,-2px -2px 5px #9D2CC6,-2px -2px 5px #A7A7A7}@media only screen and (max-width: 961px){#main #mainBody #animation h2{font-size:1.5em}}#main #mainBody #final{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}#main #mainBody #final .parrafo{width:60%;margin:1rem}@media (max-width: 480px){#main #mainBody #final .parrafo{width:85%}}@media only screen and (min-width: 500px) and (max-width: 961px){#main #mainBody #final .parrafo{width:45%}}@media all and (display-mode: fullscreen){#main #mainBody #final .parrafo{width:30%}}#main #mainBody #final .parrafo h2{margin:0;font-size:2.5em;color:#a7a7a7;text-decoration-color:#9d2cc6;transition:.5s}@media only screen and (max-width: 961px){#main #mainBody #final .parrafo h2{font-size:1.5em}}#main #mainBody #final .parrafo h2 i{color:#9d2cc6}#main #mainBody #final .parrafo h2:hover{text-shadow:2px 2px 5px #9D2CC6,2px 2px 5px #9D2CC6}#main #mainBody #final .mitadSuperior{margin-bottom:0;border-bottom:.1rem solid #9D2CC6}#main #mainBody #final .mitadInferior{margin-top:0;border-top:.1rem solid #9D2CC6}#main #mainBody #final .final{padding-bottom:3rem}.title-enter-active{animation:appeared 2s ease-out}.title-leave-active,.poema-leave-active{animation:desapear .2s ease-in}.poema-enter-active{animation:appeared 3s ease-in}.par-enter-active,.par-leave-active,.parinter-enter-active,.parinter-leave-active{transition:all 1s ease-in-out}.par-enter-from,.par-leave-to{opacity:0}.parinter-enter-from{opacity:0;transform:translateY(2rem)}.parinter-leave-to{opacity:0;transform:translateY(-2rem)}@keyframes scale{0%{scale:.8}to{scale:1}}@keyframes appeared{0%{opacity:0}to{opacity:1}}@keyframes desapear{0%{opacity:1}to{opacity:0}}