.background-effect{position:fixed;inset:0;height:100vh;width:100%;background-color:#0a0a0a;background-image:radial-gradient(ellipse 80% 80% at 50% -20%,#7877c64d,#fff0);.container-fondo{width:100%;height:100vh}}.hero1[data-astro-cid-mg25nz6w]{position:relative;height:100vh;display:flex;flex-wrap:wrap;place-content:center;h2{font-size:4vmax;width:50%;align-content:center;text-align:center;color:#fff;img{width:4vmax;transform:translateY(.6vmax)}}}*{margin:0;padding:0}@font-face{font-display:block;font-family:Mori;font-style:normal;font-weight:400;src:url(https://assets.codepen.io/16327/PPMori-Regular.woff) format("woff")}@font-face{font-display:block;font-family:Mori;font-style:normal;font-weight:600;src:url(https://assets.codepen.io/16327/PPMori-SemiBold.woff) format("woff")}@font-face{font-display:block;font-family:burn;font-style:normal;font-weight:600;src:url(/landing-20-exercises-with-react-testing-library/assets/Burn.otf) format("opentype")}h1,h2{font-family:burn}@font-face{font-display:block;font-family:Fraktion Mono;font-style:normal;font-weight:400;src:url(https://assets.codepen.io/16327/PPFraktionMono-Bold.woff) format("woff")}:root{--color-shockingly-green: #0ae448;--color-just-black: #0e100f;--color-surface-white: #fffce1;--color-pink: #fec5fb;--color-shockingly-pink: #f100cb;--color-orangey: #ff8709;--color-lilac: #9d95ff;--color-lt-green: #abff84;--color-blue: #00bae2;--color-grey: #201f1f;--color-surface75: #bbbaa6;--color-surface50: #7c7c6f;--color-surface25: #42433d;--gradient-macha: linear-gradient( 114.41deg, var(--color-shockingly-green) 20.74%, var(--color-lt-green) 65.5% );--gradient-orange-crush: linear-gradient( 111.45deg, var(--color-orangey) 19.42%, #f7bdf8 73.08% );--gradient-lipstick: linear-gradient(165.72deg, #f7bdf8 21.15%, #cd237f 81.93%);--gradient-purple-haze: linear-gradient( 153.58deg, #f7bdf8 32.25%, #2f3cc0 92.68% );--gradient-skyfall: linear-gradient(131.77deg, #0a157a 30.82%, #15bfe4 81.82%);--gradient-emerald-city: linear-gradient( 166.9deg, var(--color-shockingly-green) 53.19%, #0085d0 107.69% );--gradient-summer-fair: linear-gradient( 144.02deg, var(--color-blue) 4.56%, var(--color-pink) 72.98% );--color-core-green: #dfffd1;--color-core-green-lt: #f3ffee;--color-core-gradient: radial-gradient( 89.08% 84.62% at 16.54% 78.46%, #fbfefa 0%, #c9f6b4 39.58%, #abff84 77.6%, #2fee65 100% );--color-core-button-gradient: linear-gradient( 114.41deg, #0ae448 20.74%, #abff84 65.5% );--color-core-heading-gradient: linear-gradient( 180deg, #d6ffc3 0%, rgba(214, 255, 195, 0) 100% ), #f3ffee;--color-core-intro-gradient: linear-gradient( 144.5deg, #e8ffdd 65.09%, #7dea7b 122.73% ), linear-gradient(311.31deg, #7ef89e 36.08%, #e5ffd9 106.98%);--color-text-purple: #d2ceff;--color-text-purple-lt: #dfdcff;--color-text-gradient: radial-gradient( 129.03% 100% at 120.97% 81.45%, #dfdcff 27.08%, #a69eff 100% );--color-svg-tangerine: #ffe3c7;--color-svg-tangerine-lt: #fff0e0;--color-svg-gradient: radial-gradient( 70.77% 70.77% at 0% 70.77%, #ffd9b0 0%, #fd9f3b 80.73%, #ff8709 100% );--color-svg-heading-gradient: linear-gradient( 180deg, #ffbd77 0%, rgba(254, 197, 251, 0) 100% ), #ffe4c7;--color-ui-blue: #bef3fe;--color-ui-blue-lt: #e1faff;--color-ui-blue-codeblk: #f6feff;--color-ui-text-gradient: linear-gradient( 168.89deg, #fec5fb -21.3%, #00bae2 89.88% );--color-ui-code-blocktext-gradient: linear-gradient( 142.91deg, #cef6ff 18.75%, #a6efff 54.93% );--color-ui-gradient: radial-gradient( 78.77% 78.77% at 71.71% 30.77%, #f0fcff 0%, #9bedff 67.21%, #98ecff 76.04%, #5be1ff 84.9%, #00bae2 94.79% );--color-ui-gradient-background: linear-gradient( 137.1deg, #ecfcff 27.5%, #a6efff 94.09% );--color-ui-gradient-flip-background: radial-gradient( 140% 190% at 117.54% 131.12%, #f0fcff 0%, #9bedff 25.52%, #98ecff 42.71%, #5be1ff 60.94%, #00bae2 94.79% );--color-scroll-pink: #ffd7fd;--color-scroll-pink-lt: #ffe9fe;--color-scroll-gradient: linear-gradient( 317.42deg, #ffe9fe 10.4%, #ff96f9 83.03% );--dark: var(--color-just-black);--grey-dark: var(--color-surface-25);--light: var(--color-surface-white);--mid: var(--color-surface-50);--grey: var(--color-grey);--gray: var(--color-grey);--green: var(--color-shockingly-green);--green-dark: var(--color-shockingly-green);--green-light: var(--color-lt-green);--blue: var(--color-blue);--purple: var(--color-lilac);--red: var(--color-pink);--orange: var(--color-orangey);accent-color:var(--color-shockingly-green)}body{color:var(--color-surface-white);background-color:var(--dark);font-family:Mori,sans-serif;font-weight:400;margin:0;line-height:1.45}button{display:inline-block;outline:none;background:var(--dark);border:solid .2vmax var(--light);color:var(--light);text-decoration:none;border-radius:4vmax;font-weight:600;cursor:pointer}*{box-sizing:border-box}body{font-family:system-ui;background:var(--color-just-black);color:#fff;text-align:center}.am-hero2{height:100vh;display:flex;position:relative;justify-content:center;align-items:center;flex-direction:column}.button-cont{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5vmax;bottom:2vmax;z-index:5;position:absolute;button{padding:.5vmax 1vmax;display:flex;flex-wrap:wrap;place-content:center;max-width:10vmax;max-height:5vmax;svg{pointer-events:none;max-width:3vmax}}}.wrapper{height:28vmax;max-height:50vh;width:70%;border-left:dashed .2vmax var(--color-surface50);border-right:dashed .2vmax var(--color-surface50);position:relative;display:flex;align-items:center;overflow:hidden}.carousel{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.box{padding:1vmax;flex-shrink:0;text-decoration:none;height:80%;width:20%;min-width:10vmax}.toggle{display:none!important}.box__inner{display:flex;align-items:center;justify-content:center;position:relative;font-size:2vmax;cursor:pointer;width:100%;height:100%}.show-overflow{overflow:visible}.box .box__inner{background:linear-gradient(var(--color-just-black),var(--color-just-black)) padding-box,var(--gradient) border-box;border:.2vmax solid transparent;border-radius:.9vmax}.box{--gradient: var(--gradient-macha)}.box:nth-child(3n+2){--gradient: var(--gradient-summer-fair)}.box:nth-child(3n+1){--gradient: var(--gradient-orange-crush)}.box p{-webkit-text-fill-color:transparent;background:var(--gradient);-webkit-background-clip:text;background-clip:text;font-size:3.5vmax}body{--sb-track-color: #e95d55;--sb-thumb-color: #9f3934;--sb-size: .7vmax}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color)}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color)}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}