*,*:after,*:before{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scroll-behavior:smooth}body{font-family:Lato,sans-serif;font-weight:400;line-height:1.6;color:#343a40;padding:3rem}.header{height:95vh;background-image:linear-gradient(to right bottom,#f8f9facc,#343a40cc),url(../../imagenes/background-header.jpg)}.heading-primary{color:#fff;text-transform:uppercase;backface-visibility:hidden;margin-bottom:6rem}.heading-primary--main{display:block;font-size:6rem;font-weight:400;letter-spacing:1.5rem;animation:moveInLeft 1s ease-out}.heading-primary--sub{display:block;font-size:2rem;font-weight:700;letter-spacing:1.75rem;animation:moveInRight 1s ease-out}@keyframes moveInLeft{0%{opacity:0;transform:translate(-10rem)}80%{transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInRight{0%{opacity:0;transform:translate(10rem)}80%{transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes moveInBottom{0%{opacity:0;transform:translateY(3rem)}to{opacity:1;transform:translate(0)}}.btn:link,.btn:visited{text-transform:uppercase;text-decoration:none;padding:1.5rem 4rem;display:inline-block;border-radius:10rem;transition:all .2s;position:relative;font-size:1.6rem}.btn:hover{transform:translateY(-.3rem);box-shadow:0 1rem 2rem #0003}.btn:active{transform:translateY(-.1rem);box-shadow:0 .5rem 1rem #0003}.btn--white{background-color:#fff;color:#3490dc}.btn:after{content:"";display:inline-block;height:100%;width:100%;border-radius:10rem;position:absolute;top:0;left:0;z-index:-1;transition:all .4s}.btn--white:after{background-color:#fff}.btn:hover:after{transform:scaleX(1.4) scaleY(1.6);opacity:0}.btn--animated{animation:moveInBottom 1s ease-out .75s;animation-fill-mode:backwards}
