span.mini{
    color:black;
    font-weight:bold;

}
@keyframes slideleft{

0%{
    padding-right: 0px;
}

50%{
    padding-right: -250px;
}

100%{
    padding-right: 0px;
}
}
 ::-webkit-scrollbar {
        display: none;
    }
@keyframes slideright{

    0%{
        padding-left: 0px;
    }
    
    50%{
        padding-left: -250px;
    }
    
    100%{
        padding-left: 0px;
    }
    }
 @keyframes blink{
     0% {color: #778899;}
    100% {
        color: white;
        text-shadow: 0px 0px 15px gray;
    }
 }
@keyframes dd{

    0%{  height: 12%;   }
    100%{  height: 20%;
    }
}                              
@keyframes logomani{

    
    0%{  opacity: 0.7;    }
    30%{  opacity: 0.8;    }
    60%{  opacity: 0.9;    }
    100%{
        opacity: 1;
    }
}         
@keyframes turnbabe{

    0%{ -webkit-transform: rotate(0deg)}
   
    100%{ -webkit-transform: rotate(3600deg)}
}   
@keyframes footo{
0%  {  top:95%}
100%  { top:70%;}
}
@keyframes shad{
    0%  {  top:30%}
    100%  { top:26%;   box-shadow: 0px 40px 50px black;}
}

@keyframes uptodpwnslider {

    100% {
        height: 500px;
    }
}

@keyframes ccuptodpwnslider {

    100% {
        height: 8%;
    }
}
@keyframes dplft {
    0% {
        opacity: 0;
    }

    40% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}
h1 {
    position: absolute;
    top: 40%;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    text-align: center;
    color: white;
}

@media screen and (min-width: 650px) and (max-width: 4000px){
    div.pageapp{
           position: absolute;
            left:0;
            top:0;
            width: 100%;
            height: 100%;
     
     
  
            display:flex; /* Ortalamak için flexbox kullanılıyor */
            justify-content: center; /* Yatay ortalama */
            align-items: center; 
    }
    #laimg{
      
position: absolute;

width:30%;

    }
}
/* PHONE*/
@media screen and (min-width:100px) and (max-width:649px) {  div.pageapp{
           position: absolute;
            left:0;
            top:0;
            width: 100%;
            height: 100%;
     
     
  
            display:flex; /* Ortalamak için flexbox kullanılıyor */
            justify-content: center; /* Yatay ortalama */
            align-items: center; 
    }
    #laimg{
      
position: absolute;

width:70%;

    }}
        /* PHONE */
@media screen and (min-height:200px) and (max-height:450px) {  div.pageapp{
           position: absolute;
            left:0;
            top:0;
            width: 100%;
            height: 100%;
     
     
  
            display:flex; /* Ortalamak için flexbox kullanılıyor */
            justify-content: center; /* Yatay ortalama */
            align-items: center; 
    }
    #laimg{
      
position: absolute;

width:30%;

    }}