p.hr span,p.hr:after{background-color:var(--color-black)}.expanded,.h4{letter-spacing:.125rem}.section-container,mark{background-color:inherit}.section,.section-container{position:relative;padding-bottom:150px}.h1,.h2,.welcome p em{font-weight:900}span[data-audio],ul.lessons li{transition:color var(--transition-duration) ease-in-out}.player .lyric,html{scroll-behavior:smooth}.player .cursor,.player .line{transition:var(--transition-duration)}.welcome p em,dl.vocabulary dd b,dl.vocabulary dd i,em{font-style:normal}.centered,.player .line,.topic,article.grammar .h4{text-align:center}@view-transition{navigation:auto}:root{--font:'Gabarito';--font-handwritten:'Marhey';--color-red:#f15d58;--color-red-dark:#dc5550;--color-gold:#cf9607;--color-gold-dark:#ba8706;--color-black:#2b2b2b;--color-gray-dark:#363637;--color-gray:#414042;--color-gray-light:#929497;--color-white:#dbdecb;--transition-duration:0.22s;--border-radius:8px}.wrap{margin:0 auto;position:relative;width:calc(100% - 52px);max-width:972px}.narrow{margin:0 80px}.rellax{transition:transform 10s cubic-bezier(0,1,.5,1)}.disabled{pointer-events:none;opacity:.3}.invisible{opacity:0}.centered{margin:0 auto}span[data-audio]{cursor:pointer}p.hr{display:flex;align-items:flex-start;text-align:left;margin:40px 0;text-indent:0!important}p.hr:after{content:'';flex-grow:1;height:1px;min-width:20px;margin:auto auto auto 20px}p.hr span{border-radius:var(--border-radius);height:35px;border:0;padding:0 20px;color:var(--color-white);display:inline-flex;justify-content:center;align-items:center;font-size:1rem}img.under-construction{margin:0 auto;padding:200px 0}mark{color:inherit;text-decoration:wavy underline}.h1,.h2,.h3,.h4,.h5,.player .line,.welcome .input-cont input,.welcome p em,body{color:var(--color-gray-dark)}.slider .noUi-handle::after,.slider .noUi-handle::before,audio{display:none}.content,article{position:relative}body{background-color:var(--color-red);font-family:var(--font);font-size:16px;line-height:1.3;min-height:100vh;overflow-x:hidden;user-select:none}em{letter-spacing:.25em;letter-spacing:.188em}.h1{font-size:2.125rem}.h2{font-size:clamp(2.5rem, 1.5rem + 2.6667vw, 3.5rem)}.h3,.h4,.h5,.rect{font-weight:700}.h3{font-size:clamp(1.875rem, 1.25rem + 1.6667vw, 2.5rem)}.h4{text-transform:uppercase;font-size:clamp(1.4375rem, .875rem + 1.5vw, 2rem)}.h5{font-size:clamp(1.3125rem, .8125rem + 1.3333vw, 1.8125rem);text-transform:none}.rect,.welcome p{font-size:1.25rem;color:var(--color-white)}.section-container{padding-top:100px}.border-layers,.border-layers .layer,.content .bg{position:absolute;width:100%}.content .bg{top:0;left:0;height:100%;display:flex;justify-content:center;align-items:center}.content .bg img{max-width:fit-content}.border-layers{top:0;pointer-events:none}.border-layers .layer{background-repeat:repeat-x;background-position:50% 0;display:grid;place-content:center;height:400px}.border-layers .ghosts-cont{width:1024px;height:200px;position:relative;top:-172px}.border-layers .ghosts-cont *{position:absolute}.wrap:has(.page-header){max-width:1024px;position:sticky;top:15px;z-index:9999}.page-footer,.page-header .logo,.page-header .nav,.player,.topic,.welcome,dl.vocabulary>div{position:relative}.page-header{backdrop-filter:blur(6px);height:110px;border:2px solid var(--color-gray);border-radius:var(--border-radius);width:100%;margin:15px auto 0;display:flex;align-items:center;justify-content:space-between;padding:18px}.rect,.welcome .input-cont input{height:40px;border-radius:var(--border-radius)}.page-header .logo{display:flex;align-items:center}.page-header .logo .h1{margin-left:10px}.page-header .nav{display:flex;align-items:center}.page-header .nav a.disabled{opacity:.2}.page-header .nav a img{transition:transform var(--transition-duration) ease-in-out}.page-header .nav a.prev:hover img{transform:translate(-4px)}.page-header .nav a.next:hover img{transform:translate(4px)}.rect{display:inline-flex;justify-content:center;align-items:center;width:40px;background-color:var(--color-gray-dark)}.page-footer{color:var(--color-white);background-color:var(--color-black)}.topic-box,article.reading span[data-audio]:hover{color:var(--color-red)}.page-footer .border-layers .ghosts-cont{height:104px;top:0}.page-footer .layer:first-child{top:-104px;height:104px}.page-footer .castle{left:calc(50% - 94px)}.page-footer .content{display:flex;justify-content:space-between;align-items:center;padding:20px}.page-footer a{display:block;margin-top:6px}.page-footer .logos{display:flex;justify-content:right;align-items:center;gap:8px}.page-footer .logos span{font-size:2rem}.section--topic{background-color:var(--color-red)}.section--reading{margin-top:110px;background-color:var(--color-white)}.section--reading .layer:first-child{background-repeat:no-repeat;background-image:url(../../public/images/border/mountains-3.webp);top:-210px}.section--reading .layer:nth-child(2){background-image:url(../../public/images/border/mountains-2.webp);top:-170px}.section--reading .layer .windmills{left:719px;top:2px}.section--reading .layer:nth-child(3){background-image:url(../../public/images/border/mountains-1.webp);top:-108px}.section--reading .layer .quixote{left:140px;top:-50px}.section--grammar{background-color:var(--color-gold)}.section--grammar .layer:first-child{background-image:url(../../public/images/border/hills-3.webp);top:-150px}.section--grammar .layer .bull-1{left:656px;top:45px}.section--grammar .layer .bull-2{left:-124px;top:106px}.section--grammar .layer .bull-3{left:1015px;top:93px}.section--grammar .layer .bull-4{left:1045px;top:97px}.section--grammar .layer:nth-child(2){background-image:url(../../public/images/border/hills-2.webp);top:-100px}.section--grammar .layer .bull-5{left:560px;top:73px}.section--grammar .layer:nth-child(3){background-image:url(../../public/images/border/hills-1.webp);top:-50px}.section--grammar .layer .bull-6{left:-36px;top:31px}.welcome{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"text image";justify-items:center;align-items:center;margin:80px 0}.welcome--text{grid-area:text;display:flex;grid-area:text;flex-direction:column;align-items:baseline}.welcome p em{font-size:6rem;display:block;letter-spacing:0;margin-bottom:20px}.welcome .input-cont{position:relative;display:inline-block;margin-top:40px}.welcome .input-cont input{position:absolute;font-size:22px;background-color:var(--color-white);padding:2px 10px;outline:0;border:none;line-height:1.15;font-weight:900;width:50%;left:25%;top:calc(50% - 20px);text-align:center}.welcome--image{grid-area:image;justify-items:center;align-items:center}.player,article.reading img.leading{margin:0 auto}ul.lessons{columns:2;column-gap:40px}ul.lessons li{margin-bottom:10px;font-size:22px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}ul.lessons li .rect{transition:background-color var(--transition-duration) ease-in-out}ul.lessons li:has(a:hover){color:var(--color-red)}ul.lessons li:has(a:hover) .rect{background-color:var(--color-red)}.player{display:block;width:480px}.player .button{position:absolute;font-size:32px;height:44px;width:44px;display:flex;justify-content:center;align-items:center;cursor:pointer}.player .play{top:191px;left:399px}.player .pause{top:269px;left:396px}.player .lyric{position:absolute;top:160px;left:30px;width:340px;height:274px;overflow:hidden}.player .content{padding:20px}.player .line{font-weight:800;font-size:22px;margin:12px 0}.player .line.active{color:var(--color-white)}.player .cursor{position:absolute;width:4px;height:4px;border-radius:5px;background-color:currentColor;display:none}.slider{width:100%;height:2px;margin-bottom:20px;border:none;background-color:var(--color-gold-dark);box-shadow:none}.slider .noUi-connect,.slider .noUi-handle,.topic-box{background-color:var(--color-gray-dark)}.slider .noUi-handle{width:10px;height:10px;right:-5px;top:-4px;border:none;border-radius:50%;box-shadow:unset}.topic{margin:80px 0}.topic-box,dl.vocabulary{text-align:left;font-size:clamp(1rem, .583rem + 1.111vw, 1.25rem)}.topic-box{border-radius:8px;padding:16px 40px;display:inline-block;letter-spacing:.05em;margin-top:40px;margin-bottom:40px;min-width:380px}article.reading h3{margin-top:40px;margin-bottom:20px}article.reading p{text-indent:30px;text-align:justify;font-size:2em;font-size:clamp(1.4rem, .4rem + 2.66667vw, 2rem);font-weight:500;line-height:1.4em;margin:0 80px}.grid,article.grammar p{font-size:1.25rem}.grid,article.vocabulary h3{margin-bottom:20px}article.vocabulary{margin-top:80px}dl.vocabulary{--dict-columns:2;--dict-gap:16px;--dict-indent:20px;--dict-prefix:50px;column-count:var(--dict-columns);column-gap:var(--dict-gap);line-height:1.5rem;margin-left:calc(80px - var(--dict-prefix))}@media screen and (max-width:780px){.welcome{grid-template-columns:1fr;grid-template-rows:1fr 1fr;grid-template-areas:"text" "image"}.welcome--image{margin-top:40px}.bg.horizontal img{transform:rotate(90deg)}ul.lessons{columns:1;margin:0 40px}article.reading p{margin:0 40px}dl.vocabulary{--dict-columns:1;margin-left:calc(40px - var(--dict-prefix))}}dl.vocabulary>div{display:inline-block;width:100%;text-indent:0;padding-left:calc(var(--dict-prefix));margin-top:4px;margin-bottom:4px}dl.vocabulary dd,dl.vocabulary dt{display:inline;transition:color var(--transition-duration) ease-in-out}dl.vocabulary dt{font-weight:700}dl.vocabulary dd{font-style:italic;font-weight:500}dl.vocabulary span{position:absolute;text-align:right;text-indent:0;right:calc(100% - var(--dict-prefix))}dl.vocabulary span::after{content:'\00a0'}dl.vocabulary dt::after{content:'\2004'}.section--reading .info-audio{position:absolute;top:60px;right:-190px}.section--reading .tv{pointer-events:none;transform:rotate(5deg) scale(.7);transform:rotate(5deg);margin:10px auto 20px;width:131px}.section--reading .tv audio{display:none}.section--reading .tv .vis-container{width:68px;height:60px;position:absolute;left:20px;top:51px}article.grammar .h4{margin-bottom:20px}article.grammar .h5{margin-top:16px;margin-bottom:16px}article.grammar p.expanded{font-weight:500}article.grammar p:has( + p){margin-bottom:10px}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:10px;grid-row-gap:10px;justify-items:center;margin-top:20px}.grid--rcl{grid-template-columns:1fr 50px 1fr}.grid--rcl>:nth-child(3n+1),.grid--rl>:nth-child(odd){justify-self:right}.grid--rcl>:nth-child(3n+3),.grid--rl>:nth-child(2n+2){justify-self:left}.grid--cc,.grid--rl{grid-template-columns:1fr 1fr}