#theme-toggle-button{font-size:17px;position:relative;display:inline-block;width:7em;cursor:pointer}#toggle{opacity:0;width:0;height:0}#button,#cloud,#container,#moon,#patches,#stars,#sun{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s}#toggle:checked+svg #container{fill:#2b4360}#toggle:checked+svg #button{transform:translate(28px,2.333px)}#sun{opacity:1}#moon,#toggle:checked+svg #sun{opacity:0}#cloud,#toggle:checked+svg #moon{opacity:1}#stars,#toggle:checked+svg #cloud{opacity:0}#toggle:checked+svg #stars{opacity:1}.card{width:100%;height:fit-content}.card,.socialContainer{display:flex;align-items:center;justify-content:center}.socialContainer{width:35px;height:35px;border-radius:5px;overflow:hidden;transition-duration:.3s}.containerFour:hover,.containerOne:hover,.containerThree:hover,.containerTwo:hover{background-color:#4a6cf7;transition-duration:.3s}.socialContainer:active{transform:scale(.9);transition-duration:.3s}.socialSvg{width:17px}.socialSvg path{fill:#fff}.socialContainer:hover .socialSvg{animation:slide-in-top .3s both}@keyframes slide-in-top{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.menu{position:fixed;bottom:0;bottom:env(
    safe-area-inset-bottom,1rem
  );left:0;right:0;width:100%;padding:1rem}.bghero{background:linear-gradient(90deg,hsla(0,0%,100%,.7),hsla(0,0%,100%,.7)),url(/fondo1.jpg);background-size:cover;background-position:50% 30%}.dark .bghero{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.8)),url(/fondo1.jpg);background-size:cover;background-position:50% 30%}.btnHero{border-radius:8px;color:#ffffff80;text-shadow:none;background:transparent;cursor:pointer;box-shadow:transparent;border:1px solid #ffffff80;transition:.5s ease;user-select:none}#btnHero:hover{color:#fff;background:#22d3ee;border:1px solid #22d3ee;box-shadow:0 0 5px #22d3ee,0 0 10px #22d3ee,0 0 8px #22d3ee,0 0 100px #22d3ee}.slideTrack{display:flex;animation:scroll 50s linear infinite;width:calc(50px * 30 * 2)}.slide img{width:100%;height:100%}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100px * 9))}}