:root{--header-height: 80px;--footer-height: 60px}@font-face{font-family:Normal;src:url("./media/Collage-QQN43LMI.ttf") format("truetype")}@font-face{font-family:Ghost;src:url("./media/HauntAOE-HB3ISH4Z.ttf") format("truetype")}@font-face{font-family:Bit;src:url("./media/Computer-CVXUMWLQ.ttf") format("truetype")}html,body,footer{margin:0;padding:0;height:100%;width:100%}body{background:var(--background-color);background-image:var(--bg-image);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;min-height:100vh;transition:background-image .3s ease,color .3s ease;opacity:0;animation:fadeIn .5s ease forwards;animation-delay:.2s}body.light-mode{--background-color: #F2F2F2;font-family:Normal,system-ui;font-style:normal;transition:background-image .3s ease,color .3s ease;opacity:0;animation:fadeIn .5s ease forwards;animation-delay:.2s}body.dark-mode{--background-color: #100F0F;font-family:Ghost,system-ui;font-style:normal;transition:background-image .3s ease,color .3s ease;opacity:0;animation:fadeIn .5s ease forwards;animation-delay:.2s}body.bit-mode{--background-color: #7F8CAA;font-family:Bit,monospace;font-style:normal;transition:background-image .3s ease,color .3s ease;opacity:0;animation:fadeIn .5s ease forwards;animation-delay:.2s}@keyframes fadeIn{to{opacity:1}}app-root{display:flex;flex-direction:column;height:100%}.social-icons{display:flex;gap:1rem;align-items:center;justify-content:center;padding-bottom:1rem}.social-icons img{width:2rem;height:auto;transition:transform .2s ease;cursor:pointer}.social-icons a:hover img{transform:scale(1.2)}.texto-center{display:block;align-items:center;justify-content:center}.txt-light{color:#000}.txtalt-light{color:#eae4d5}.bg-light{background:#eae4d5}.txt-dark{color:#169976}.txtalt-dark{color:#100f0f}.bg-dark{background:#000}.txt-bit{color:#eae4d5}.txtalt-bit{color:#7f8caa}.bg-bit{background:#333446}.presentacion{font-size:12vw}.titulo{font-size:7vh}.descripcion{font-size:3vh}.subTitulo{font-size:4vh}.footText{font-size:3vh;padding-bottom:1rem}.elemento{border-radius:12px;box-shadow:0 4px 12px #0000001a;width:80%;margin:0 auto}.separador{padding:1rem}