html,body{margin:0;padding:0;height:100%;overflow:hidden}@media(prefers-color-scheme:dark){body{background-color:#0000009d}}@media(prefers-color-scheme:light){body{background-color:#d4c8c8cc}}button{position:absolute;padding:15px 45px;background:transparent;font-size:17px;font-weight:500;color:#fff;cursor:pointer;border:1px solid #FFFFFF;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.2));width:250px;height:70px;font-size:2em;border-radius:100px;top:60vh;bottom:0;left:0;right:0;margin:auto}button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003;animation:wind 2s ease-in-out infinite}.button:active{transform:translateY(-1px);box-shadow:0 5px 10px #0003}.button-white{color:#fff}.button:after{content:"";display:inline-block;height:100%;width:100%;border-radius:100px;position:absolute;top:0;left:0;z-index:-1;transition:all .4s}.button-white:after{background-color:#e2761d}.button:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.button-animated{animation:moveInBottom 5s ease-out;animation-fill-mode:backwards}@keyframes moveInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes wind{0%{background-position:0% 50%}0%{background-position:50% 100%}0%{background-position:0% 50%}}.icon-1{position:absolute;top:0;right:0;width:25px;transform-origin:0 0;transform:rotate(10deg);transition:all .5s ease-in-out;filter:drop-shadow(2px 2px 3px rgb(13,15,13))}.fil0{fill:#8bbe49}button:hover .icon-1{animation:slay-1 3s cubic-bezier(.52,0,.58,1) infinite;transform:rotate(10deg)}@keyframes slay-1{0%{transform:rotate(10deg)}50%{transform:rotate(-5deg)}to{transform:rotate(10deg)}}.icon-2{position:absolute;top:0;left:25px;width:12px;transform-origin:50% 0;transform:rotate(10deg);transition:all 1s ease-in-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}button:hover .icon-2{animation:slay-2 3s cubic-bezier(.52,0,.58,1) 1s infinite;transform:rotate(0)}@keyframes slay-2{0%{transform:rotate(0)}50%{transform:rotate(15deg)}to{transform:rotate(0)}}.icon-3{position:absolute;top:0;left:0;width:18px;transform-origin:50% 0;transform:rotate(-5deg);transition:all 1s ease-in-out;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.5))}button:hover .icon-3{animation:slay-3 2s cubic-bezier(.52,0,.58,1) 1s infinite;transform:rotate(0)}@keyframes slay-3{0%{transform:rotate(0)}50%{transform:rotate(-5deg)}to{transform:rotate(0)}}button:focus{outline:none}.header{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-family:Roboto,sans-serif;font-weight:200;color:#fff;font-size:2em}#head1,#head2,#head3,#head4,#head5{opacity:0}#head1{animation:fadeOut 1 5s ease-in}#head2{animation:fadeOut 1 5s ease-in;animation-delay:6s}#head3{animation:fadeOut 1 5s ease-in;animation-delay:12s}#head4{animation:fadeOut 1 5s ease-in;animation-delay:17s}#head5{animation:finalFade 1 5s ease-in;animation-fill-mode:forwards;animation-delay:22s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:0}}@keyframes finalFade{0%{opacity:0}30%{opacity:1}80%{opacity:.9}to{opacity:1}}@media(min-width:1200px){.inicio .scroll-item__image{animation:none;transform:none}}#footer{font-family:Roboto,sans-serif;font-size:1.2em;position:fixed;transform:translate(95vw,90vh)}
