#landing-intro{

opacity: 1;

 animation-fill-mode: forwards;
color: var(--grey);
width: 100%;
text-wrap: pretty;
transition: 1s opacity ease-in-out;

}


@starting-style{


#landing-intro{
opacity: 0;

}

}


@media only screen and (max-width: 768px) {


#landing-intro{
left:1rem;

}

}


#landing-title{

opacity: 0;
transition: 250ms opacity ease-in-out;
font-family: var(--mainfont);

font-weight: 700;
font-size: var(--step-2);
width: 100%;

text-align: center;
position: relative;
color: currentcolor;
text-transform: none;



}


#landing-title span{color: var(--white);text-transform: uppercase;font-weight:900;}


@keyframes introAnimation {
  0%{opacity: 0;}
  10%, 100%{opacity: 1;}
 
}


.link-stackpage{

   width: -moz-max-content;

   width: max-content;
  padding: 1rem;
    border: 1.5px dashed currentcolor;
    background-color: transparent;
    color:  var(--grey);
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
 width: 100%;
        position: relative;
      text-align: center;
        text-decoration: none;



}


.container-landing{

display: flex;
flex-direction: column;
height: 90svh;
    justify-content: space-between;
align-items: center;


}


.buttons-landing{

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    text-transform: uppercase;
    font-size: 1rem;
    margin-top: 4rem;
    opacity: 0;
    transition: 500ms opacity ease-in-out;
transition-delay: .25s;
 
}


#description-ar{
  width: 70%;
      display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
  color: var(--grey);
  text-align: center;
opacity: 0;
transition: 1s opacity ease-in-out;
transition-delay: .5s;



}


.icon-ar{

margin-bottom: 1rem;

}


.container-intro {
	display: block;
 padding: 2rem 1rem;
    max-width: none;
    width: 100%;
    top: 0;
    left: 0;
position: relative;


}


@media only screen and (min-width: 768px) {


.container-intro {
 padding: 2rem;


}

}


.activelanding{opacity: 1 !important;}


.nonactivelanding{opacity: 0 !important; display: none;}