@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;800&display=swap');


body,html{ margin:0;font-family: 'Montserrat', sans-serif; width: 100%; height: 100%; }

a{text-decoration: none; font-family: 'Montserrat', sans-serif;}
a:focus, a:hover {color: black;text-decoration: none;}
em{line-height: 15px;font-size: 14px;}
.ml10{ margin-left: 10px; }
.responsive{ width: 100%; }
.background{ width: 100%; height: 100%; position:relative;  }
.background-imagen{ margin:0 auto; padding-top: 70px; background:url('../background.webp') no-repeat center center / cover; width: 100%; min-height: 100%; }  
.background-imagen img.logo{max-width: 768px; height: 40vh; object-fit: contain;}
.background-imagen p{color: #ffe363; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 20px; }
.background-imagen .background-white {background-color: transparent; width: 100%;}
.heartbeat{-webkit-animation:heartbeat 1.5s ease-in-out infinite both;animation:heartbeat 1.5s ease-in-out infinite both; display:inline-block; }
p.first {margin-top: 30px; margin-bottom: 0; font-family: 'Montserrat', sans-serif; font-size: 55px; font-weight: 800; color: #ffe363;  }
.social-icons img{ max-width: 100px;}
.social-icons a{ transition:ease all .5s; }
.social-icons a:hover{ filter:brightness(0.8); }
.btn-outline-light{ border:2px solid #ffe363; color:#ffe363; border-radius:30px; padding:6px 26px; font-size:26px; margin-bottom: 15px; }
.btn-outline-light:hover{ color:white; }

@media screen and (min-width: 1400px) and (max-height: 800px){
    .background-imagen .background-white {bottom: 0;}
}

@media screen and (max-width: 770px){
    .background-imagen img.logo{max-width: 80%; height: auto;}
    .background-imagen{ padding-top: 14vh; background:url('../background.webp') no-repeat 60% center / cover; }  
    .background-imagen p{ font-size: 20px}
    .social-icons img{ max-width: 100px;}
    p.first{ font-size: 50px}
}


/* ----------------------------------------------
 * Generated by Animista on 2022-12-22 16:46:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @-webkit-keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{from{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}