*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#211e31;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--rt-opacity: 1 !important;--rt-transition-show-delay: .16s !important;--rt-color-info: #332945 !important}a{font-weight:500;color:#ffffffde;text-decoration:inherit}a:hover{color:#535bf2}body{width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1;margin:2rem}h2{margin:1rem}h1,h2,p{margin-left:0;padding-left:0}.btn-start{border-radius:8px;border:1px solid transparent;padding:.5rem 1.4rem;font-size:1.4rem;font-weight:500;font-family:inherit;background-color:#1a1a1a;transition:.25s;opacity:0;animation-name:opacityOn;animation-duration:2s;animation-delay:2.7s;animation-fill-mode:forwards;animation-iteration-count:1}.btn-start:hover{border-color:#646cff}#root{width:100%;min-height:100vh}.hero{display:flex;flex-direction:column;place-items:center;padding:2rem;text-align:center;height:100vh;justify-content:center}.hero-h1{opacity:0;animation-name:opacityOn;animation-duration:1.5s;animation-delay:.5s;animation-fill-mode:forwards;animation-iteration-count:1}.hero-h2{opacity:0;animation-name:opacityOn;animation-duration:1.5s;animation-delay:1.6s;animation-fill-mode:forwards;animation-iteration-count:1}.logo{width:64px;margin:2rem;opacity:0;animation-name:opacityOn;animation-duration:2s;animation-delay:2.7s;animation-fill-mode:forwards;animation-iteration-count:1}#logo-container{width:128px;height:128px}@keyframes opacityOn{0%{opacity:0}to{opacity:1}}.short{animation-duration:.8s;animation-delay:.2s}.container{display:flex;height:100vh}nav{display:flex;flex-direction:column;justify-content:center;min-width:12rem;margin:1.2rem;line-height:2rem;text-align:center}nav a{color:#ffffffde;transition:.3s}.active{background-color:#332945;border-radius:4px;padding:2px 10px}hr{margin:.3rem}.main-container{width:100%;height:100vh;display:flex;justify-content:center;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}main{width:75%;max-width:1100px;height:100vh}main h1{text-decoration:underline}main h2,main h1{scroll-snap-align:start}main p{margin-left:1rem}main li{margin-left:2.4rem}iframe{margin:1rem}br{height:1rem}main a{color:#535bf2}.img-link{width:12px}.img-ok{width:18px;margin-left:1px;position:relative;top:2px}.img-yt{width:32px;margin-left:1px;position:relative;top:10px}.click-to-expand{font-size:.9rem;position:relative;top:2px}.colapsible{border-radius:4px;transition:.3s;overflow-y:hidden;margin-bottom:6px}.colapsible *{transition:.3s}.colapsible h2{cursor:pointer;width:fit-content}.open{background-color:#2f263f;padding:0 10px 16px}.open h2{margin-top:1px}.closed{max-height:2.8rem;line-height:0}.closed p,.closed br,.closed li{font-size:0%}.closed h2{padding:3px 10px 3px 0}.seleccionable{-webkit-user-select:text;user-select:text}.pointer{cursor:pointer}@media screen and (width < 400px){.container{flex-direction:column}nav{flex-direction:row}}
