h1,h2,h3,h4,h5,h6,p,label,nav,.btn,.uk-heading-large{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
    /*color:#333333!important;*/
}
.flotar {
  animation: float 8s ease-out infinite;
  transform-origin: center;
}

@keyframes float {
  50% {
     transform: translate(0, 20px);
  }
}
.shadowFrame {
  width: 130px;
  margin-top: 15px;
}
.shadow {
  animation: shrink 3s ease-out infinite;
  transform-origin: center center;
  ellipse {
    transform-origin: center center;
  }
}

@keyframes shrink {
  0% {
    width: 90%;
    margin: 0 5%;
  }
  50% {
    width: 60%;
    margin: 0 18%;
  }
  100% {
    width: 90%;
    margin: 0 5%;
  }
}
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}
.linea-colores{
    background: rgb(219,182,1);
    background: linear-gradient(90deg, rgba(219,182,1,1) 0%, rgba(247,63,251,1) 33%, rgba(63,144,251,1) 68%, rgba(49,198,0,1) 100%);
    clear: none;
    width:20%;
    height:auto;
    min-height:3px;
    max-height:3px;
    background-size:100% 3px;
    background-color:transparent;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.linea-colores-2{
    background: #ba00a8;
    background: radial-gradient(circle, rgba(186, 0, 168, 1) 0%, rgba(80, 15, 87, 1) 100%);
    clear: none;
    width:100%;
    height:auto;
    min-height:45px;
    max-height:45px;
    background-size:100% 45px;
    background-color:transparent;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.linea-colores-3{
    background: #ffa200;
    background: radial-gradient(circle, rgba(255, 162, 0, 1) 0%, rgba(209, 91, 0, 1) 100%);
    clear: none;
    width:100%;
    height:auto;
    min-height:45px;
    max-height:45px;
    background-size:100% 45px;
    background-color:transparent;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.linea-colores-4{
    background: #f7af05;
    background: radial-gradient(circle, rgba(247, 175, 5, 1) 0%, rgba(235, 172, 0, 1) 100%);
    clear: none;
    width:100%;
    height:auto;
    min-height:45px;
    max-height:45px;
    background-size:100% 45px;
    background-color:transparent;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.linea-colores-5{
    background: #00ffee;
    background: radial-gradient(circle, rgba(0, 255, 238, 1) 0%, rgba(0, 184, 204, 1) 100%);
    clear: none;
    width:100%;
    height:auto;
    min-height:45px;
    max-height:45px;
    background-size:100% 45px;
    background-color:transparent;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.linea-colores-6{
    background: #2293c3;
    background: radial-gradient(circle, rgba(34, 147, 195, 1) 0%, rgba(1, 33, 102, 1) 100%);
    clear: none;
    width:100%;
    height:auto;
    min-height:45px;
    max-height:45px;
    background-size:100% 45px;
    background-color:transparent;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
}
.sombra-texto{
    text-shadow: 2px 2px 4px #333;
}
.sombra-texto-2{
    text-shadow: 2px 2px 4px #fff;
}
.uk-heading-medium{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.uk-heading-large{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.uk-heading-xlarge{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.uk-heading-2xlarge{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.uk-heading-small{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.uk-text-large{
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
}
.uk-icon-image {
    width: 30px;
    height: 30px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    object-fit: scale-down;
    max-width: none;
}
.scrollToTop{
	width:40px;
	height:40px;
	position:fixed;
	bottom:20px;
	right:20px;
	/*opacity: 0;*/
	z-index: 1000;
	transition: all .3s ease-in-out;
}
.uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
    stroke: #53eaea;
}
.uk-card-default {
    --uk-inverse: light;
    background-color: rgba(255,255,255,.08);
    color: rgba(255,255,255,.7);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
}
.uk-card-default-2 {
    --uk-inverse: light;
    background-color: rgba(255,255,255,.010);
    /*color: rgba(255,255,255,.7);
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);*/
}
.uk-light .uk-navbar-nav li a{
	color: rgb(255,255,255,.90);
}
.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before, 
.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
    border-left-color: rgba(255, 255, 255); 
}
.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
    border-left-color: #000000;
}
.uk-navbar-dropdown-nav>li>a {
    color: rgba(255, 255, 255);
}
.uk-button-primary{
    background-color: #49b2fa;
    border: rgb(0, 0, 0);
    border-radius: 500px;
    color: #fff;
    background-image: linear-gradient(40deg, #4730ce 0, #1b65bd 45%, #11acd4 70%, #35e9c5 100%);
}
.uk-button-default{
    background-color: rgba(2, 15, 31, .85);
    border: rgba(255, 255, 255);
    border-radius: 500px;
    color: #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, .15), 0 0 0 1px rgba(255, 255, 255, .02), 0 1px 0 rgba(255, 255, 255, .04);
}
.ocultar {
  height: 700px; /* Make this site really long */
  width: 700px; /* Make this site really wide */
  overflow-x: hidden;
  
}
@supports (filter:blur(0)) {
    .uk-box-shadow-bottom::after {
        content: "";
        position: absolute;
        bottom: -10%;
        left: 0;
        right: 0;
        z-index: -1;
        height: 100%;
        border-radius: 0;
        background: linear-gradient(270deg, #32d0ff, #34f46b);
        filter: blur(60px);
        will-change: filter;
        transform: scale(.85);
        opacity: 50%;
    }
}
.el-image {
    /*border-radius: 0px 0px 15px 15px;
    box-shadow: 0 0 0 0 #fff;*/
    transform: scale(1);
    animation: pulse 3s infinite;
    margin-top: -2px;
    vertical-align: middle;
    text-align: center;
    left: 42%;
    margin-left: auto;
    margin-right: auto;
}
@keyframes pulse {
    0% {
        transform: scale(0.165);
        /*box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);*/
    }
    
    70% {
        transform: scale(1.5);
        /*box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);*/
    }
    
    100% {
        transform: scale(0.165);
        /*box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);*/
    }
}
@media (min-width: 320px){
    /*#eco_1{
        width: 20%;
    }x
    #eco_2{
        width: 20px;
    }*/
    #eco_3{
        width: 100px;
    }
    #eco_4{
        width: 120px;
    }
}
@media (min-width: 375px){
h1{
  text-align: center;  
}
}

@media (min-width: 1024px){
    #em{
        width: 600px;
    }
    #acc{
        width: 500px;
    }
}
@media (min-width: 1440px){
    #me_menu1{
        width: 430px;
    }
    #me_menu2{
        width: 430px;
    }
    
}
@media (min-width: 740px){
    #frs{
        height: 500px;
    }
    #frs-2{
        margin-top: 100px;
    } 
}
@media (min-width: 768px){
    #txt{
        top: -200px;
    }
    /*#eco_1{
        width: 40px;
    }
    #eco_2{
        width: 40px;
    }*/
    #eco_3{
        width: 250px;
    }
    #eco_4{
        width: 250px;
    }
}
@media (min-width: 896px){
    #frs{
        height: 500px;
    }
    #frs-2{
        margin-top: 100px;
    }
    #txt{
        top: 30px;
    } 
}
@media (min-width: 844px){
    #txt{
        top: 30px;
    } 
}
@media (min-width: 667px){
    #md-1{
        width: 150px;
    }
    #md-2{
        width: 180px;
    }
    #md-3{
        width: 150px;
    }
    #md-4{
        width: 100px;
    }
    #md-6{
        width: 120px;
    }
    #md-icon-1{
        width: 80px;
    }
    #md-icon-2{
        width: 80px;
    }
    #md-icon-3{
        width: 80px;
    }
    #md-icon-4{
        width: 80px;
    }
    #md-icon-5{
        width: 80px;
        top: 35%;
    }
    #md-icon-6{
        width: 80px;
        top: 70%;
    }
   #frs{
        height: 500px;
    }
    #frs-2{
        margin-top: 100px;
    } 
}