@keyframes zsc {


    100% {
        top: 45%;
        font-size: 45px;
    }
}

@keyframes imsc {


    100% {
        width: 100%;
        left: 0%;
        top: 10%;
        border-radius: 0px;
        z-index: -1;
        box-shadow: 0px 0px 0px gray;
    }
}

@keyframes footo {
    0% {
        top: 95%
    }

    100% {
        top: 60%;
    }
}

@media screen and (min-width: 650px) and (max-width:24000px){
    #monaposter4ph {
        display: none;
    }
    body{
        background:rgb(255, 255, 255);
    }
    #monaposter3point5{
        display:none;
    }
    #monaposterphor1 {
        position: absolute;
        left: 15%;
        width: 70%;
        top: 40%;
        animation: monphor 3s forwards;
        z-index: 999;
        display: none;
        
    }
    #pagemona1 {
        position: relative;
        left: 0;
        top: 0%;
        background: white;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        aspect-ratio: 12/9;
        height: auto;
        overflow: hidden;
      
        background-color: rgb(255, 255, 255);
    }
    #border1st {
     display: none;
        background-color: rgb(255, 255, 255);
    }
   #monaposter1ph{
    display:none;
   } 
    #inch {
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        color: black;
    }
    #titlMona{
     position:absolute;
 text-align: left;
 left: 5%;
     font-size:150px;
     color:rgb(50, 50, 50);
   top: 50px;
     z-index:99;
   
    font-weight: bolder;
 }
 #headermona1{
     position:absolute;
 text-align: end;
 right: 5%;
     font-size:50px;
     color:rgb(50, 50, 50);
    top:215px;
     z-index:99;
     font-weight: 200;
 }
 #setUpPc{
    position: absolute;
    left: 5%;
    top: 30%;
    
    background: white;
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    aspect-ratio: 16/9;
    border-radius: 50px;
    height: auto;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    background-color: rgb(255, 255, 255);

 }
 #oynatButt{
position: absolute;
right: 5%;
top: 5%;
width:12%;
aspect-ratio: 7/3;
background: rgba(211, 211, 211, 0.208);
backdrop-filter: blur(10px);
font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
color: rgb(255, 255, 255);
overflow: hidden;
display: flex; /* Ortalamak için flexbox kullanılıyor */
justify-content: center; /* Yatay ortalama */
align-items: center; 
font-size: 30px;
border-radius: 25px;
border-width: 2px;
border-style: solid;
border-color: rgb(255, 255, 255);
 }
 #plaOyna{
  position: relative;

  margin-left: 10px;
 }

 #playButt{
    height: 50%;
    object-fit: cover;
    width: auto; 
 }

 #monaposter1{
    height: 100%;
    object-fit: cover;
    width: auto; 
 }
 #mnaFilm{
    height: 100%;
    object-fit: cover;
    width: auto; 
    display: none;
 }
 .adbar{

    position: absolute;
    top: 0%;
    width: 20%;
    height: 7%;
    right: 3%;

   
    display:flexbox; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
 
    overflow: hidden;
z-index: 9999999999;

 }
 #abonMail{

    position: relative;
    background:#f5f5f5;
    border-style:none; 
    padding:10px;
    color:white;
     width:70%; 
     border-radius:10px;
 }
 #abonOl{

    position: relative;
    
    background:#3fb9dc;
    border-style:none; 
    padding:10px;
    color:white;
     width:10%; 
     border-radius:10px;
 }
    #pagemona2 {
        position: relative;
        left: 0;
        top: 0%;

        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        aspect-ratio: 16/9;
        height: auto;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
 #border2 {
        position: absolute;
        left: -10%;
        top: 20%;
 
        background: white;
        width: 90%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        aspect-ratio: 16/9;
        
        height: auto;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
    #border2ph {
      display: none;
        background-color: rgb(255, 255, 255);
    }
    #bckps2{
 position: absolute;
        left: 80.5%;
        top: 20%;
  width: 90%;
         aspect-ratio: 16/9;
       
       background: #003b4d;
background: linear-gradient(90deg, rgb(214, 221, 219) 0%, rgb(195, 187, 230) 50%, rgb(175, 213, 217) 100%);
        height: auto;
    }
    #monaposterbr2{
        height: 100%;
    object-fit: cover;
    width: auto; 
    }
    #headermona2 {
        position: absolute;
    width: auto;
        font-size: 50px;
        top: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
        left: 5%;
        color: rgb(0, 0, 0);
 
    }
#ayirg{
position: absolute;

z-index: 1000;
top: 20%;
left: 5%;
color:black;
width:50%;
background-color: black;
}
    #monap2 {
        position: absolute;
        left: 20%;
        top: 10%;
        font-size: 30px;
        color: rgb(0, 0, 0);
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        width: 60%;
        text-align: center;
    }

    #monaposter2 {
        position: absolute;
        left: 2%;
        top: 5%;
        height: 80%;
    }
    #pagemona3{
        position: relative;
        left: 0;
        top: 0%;

        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        aspect-ratio: 20/9;
        height: auto;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
     #border3 {
        position: absolute;
        right: 0%;
        top: 20%;
        
       
        width: 60%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        height: 80%;
        

        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
       background: #ffffff;
  }
        #border3-5 {
        position: absolute;
        right: 60.5%;
        top: 20%;
        
       
        width: 20%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 80%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
          #border3-4 {
        position: absolute;
        right: 81%;
        top: 20%;
        
       
        width: 20%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 80%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
      background: #002942;
background: linear-gradient(180deg, rgb(24, 48, 69) 0%, rgba(0, 0, 0, 1) 50%, rgb(30, 37, 55) 100%);
    }
    @keyframes acilmona{

       50% {
            text-shadow: 0px 0px 20px red;
       
            color: red;
        }
        100% {
            text-shadow: 0px 0px 0px white;
            color: white;
        }
    }
    #headermona3 {
        position: absolute;
   
        font-size: 60px;
        top: 0%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: white;
        animation:acilmona 2s infinite;
    }
 
    .scroll-yazi {
        position: absolute;
        top: 30%;
        font-size: 1.5rem;
        text-align: center;
        transform-origin: center;
        transition: transform 0.1s;
        color: rgb(255, 255, 255);
        will-change: transform, opacity;
      }    

      .scroll-yazi2 {
        position: absolute;
          color: rgb(255, 255, 255);
        bottom: 30%;
        font-size: 1.5rem;
        text-align: center;
        transform-origin: center;
        transition: transform 0.1s;
        will-change: transform, opacity;
      }  
  
      .scroll-yazi3{
          width: auto; 
        height: 100%;
        object-fit: cover;
    }
        .scroll-yazi5{
          width: 150%; 
        height: auto;
        object-fit: cover;
    }
    #monaposter3 {
            height: 80%; 
        width: auto;
        object-fit: cover;
    }
    #pagemona4{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 19/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: hidden;
    }

    
#borderimage1-172{

       position: absolute;
        left: 5%;
        top: 20%;
        
       
        width: 90%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        border-radius: 25px;
       height:80%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#headerimage1-172{

            position: absolute;
   
        font-size: 60px;
        top: 0%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: black;
  
}
#headerimagepr8txt{

    position: absolute;

font-size: 60px;
top: 0%;
font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
z-index: 99;

color: black;

}
#expimage1-172{

            position: absolute;
   
        font-size: 12px;
        bottom: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 width:70%;
        color: rgb(255, 255, 255);
  
}
    #monaposter4 {
        width: 110%; 
        height: auto;
        object-fit: cover;
        
    }
 #pagemona5{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 19/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: hidden;
    }
    #monaposter1-99 {
        width: 105%; 
        height: auto;
        object-fit: cover;
        
    }
    #headerimage1-99{

            position: absolute;
   
        font-size: 60px;
        top: 0%;
        left: 5%;
        text-align: left;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: black;
  
}
#borderimage1-99{

       position: absolute;
        left: 5%;
        top: 20%;
        border-radius: 25px;
       
        width: 40%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 80%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#borderimage1-99-2{

       position: absolute;
        left: 50%;
        top: 20%;
     
       
        width: 45%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        

       height: 80%;
        overflow: hidden;
  
  
}
#borderim32{

       position: absolute;
        left: 0%;
        top: 0%;
        border-radius: 25px;
       
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(230, 230, 230);
           height: 45%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#borderim64{

       position: absolute;
        left: 0%;
        bottom: 0%;
        border-radius: 25px;
       
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(220, 220, 220);
       height: 45%;
        overflow: hidden;
        
  
}
#expimage64{

            position: relative;
   
        font-size: 30px;
        top: 25%;
        left: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 width:90%;
 text-align: center;
        color: rgb(30, 30, 30);
        
  
}
#exhedim64{

    position: relative;
    top: 5%;
}
 #monaposter5{
        width: 100%; 
       
        height: auto;
        object-fit: cover;
        
    }
    #monaposter5-5-5{
        width: 100%; 
       
        height: auto;
        object-fit: cover;
        
    }
     #pagemona6{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: hidden;
    }
    #headerpg6{

            position: absolute;
   
        font-size: 60px;
        top: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: black;
  
}
  #header2pg6{

            position: absolute;
   
        font-size: 20px;
        top: 18%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: rgb(126, 126, 126);
  
}
#borderpgm6{

position: absolute;
width:100%;
height:70%;
bottom:0%;
background-color: rgb(255, 255, 255);

}
#borderpgm6-2{

position: absolute;
top:2.5%;
width:37%;
height:95%;
right:62%;
background-color: rgb(236, 236, 236);

}
 #header3pg6{

            position: absolute;
   
        font-size: 30px;
        top: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: rgb(0, 0, 0);
  
}
#textexppg6{
        position: absolute;
   
        font-size: 16px;
        top: 25%;

        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 text-align: left;
 width:90%;
 left:5%;


        color: rgb(30, 30, 30);
}
#borderim1-5{

       position: absolute;
        right: 1%;
        top: 2.5%;

       
        width: 60%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 95%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}


     #pagemona7{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: hidden;
    }
    #borderim1-248{

       position: absolute;
        left: 1%;
        top: 0%;

       
        width: 98%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 95%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#monaposter1-248{
 height: auto; 
       
        width: 100%;
        object-fit: cover;

}
     #pagemona8{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: auto;
   
    }
        #borderi8{

       position: absolute;
        left: 0%;
        top: 17%;

       
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: black;
       height: 65%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  overflow-x: auto;
}
   #borderi8-1{

       position: absolute;
        left: 2.5%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
@keyframes imgobs {
    100%{
        width:110%;
    }
}
@keyframes imgobs2 {
    100%{
        width:45%;
    }
}
@keyframes imgobs3 {
    100%{
        width:55%;
    }
}
@keyframes imgobs4 {
    100%{
        width:53%;
        bottom:-10%;
        left:23.5%;
    }
}
#monaposter8-1img1{
 height: auto; 
       
        width: 100%;
        object-fit: cover;

}
#borderi8-1:hover>#monaposter8-1img1{
animation: imgobs 0.5s forwards;
cursor: pointer;
}
 #borderi8-2{

       position: absolute;
        left: 30%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#monaposter8-2img1{
    height: auto; 
          
           width: 40%;
           object-fit: cover;
   
   }
   #borderi8-2:hover>#monaposter8-2img1{
    animation: imgobs2 0.5s forwards;
    cursor: pointer;
    }
 #borderi8-3{

       position: absolute;
        left: 57.5%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#monaposter8-3img1{
    height: auto; 
        
           width: 50%;
           object-fit: cover;
   
   }
   #borderi8-3:hover>#monaposter8-3img1{
    animation: imgobs3 0.5s forwards;
    cursor: pointer;
    }
 #borderi8-4{

       position: absolute;
        left: 85%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
     
  
}
#monaposter8-4img1{
    position: absolute;
        left: 25%;
     
    height: auto; 
        bottom: -15%;
           width: 50%;
           object-fit: cover;
   
   }
   #borderi8-4:hover>#monaposter8-4img1{
    animation: imgobs4 0.5s forwards;
    cursor: pointer;
    }
#borderi8-5{

       position: absolute;
        left: 112.5%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#monaposter8-5img1{
    position: absolute;
        left: 25%;
     
    height: auto; 
        bottom: -15%;
           width: 50%;
           object-fit: cover;
   
   }
#borderi8-5:hover>#monaposter8-5img1{
    animation: imgobs4 0.5s forwards;
    cursor: pointer;
    }
    #bd8logo{
        position: absolute;
        left: 50%;
        top: 90%;
        width:2.5%;
        height: auto;
  
    }
}

/* PHONE*/
@media screen and (min-width:100px) and (max-width:649px) {
     body{
    background:rgb(255, 255, 255);
}
#monaposter3point5{
    display:none;
}
#setUpPc{

    display: none;
}
#pagemona1 {
    position: relative;
    left: 0;
    top: 0%;
    background: white;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    aspect-ratio: 9/25;
    height: auto;
    overflow: hidden;
  
    background-color: rgb(255, 255, 255);
}
#border1st {
    position: absolute;
    left: 5%;
    top: 30%;
    
    background: white;
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
   height: 70%;
    border-radius: 50px;

    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    background-color: rgb(255, 255, 255);
}
#monaposter1ph{
    height: 110%;
    object-fit: cover;
    width: auto; 
}
@keyframes phonbigg {
  

    100% {
        height:120%;
    }
}
#monaposter1ph:hover {
    animation: phonbigg 0.7s forwards;

}
#inch {
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    color: black;
}
#titlMona{
 position:absolute;
text-align: left;
left: 5%;
 font-size:150px;
 color:rgb(50, 50, 50);
top: 50px;
 z-index:99;
display:none;
font-weight: bolder;
}
#headermona1{
 position:absolute;
text-align: center;

 font-size:50px;
 color:rgb(50, 50, 50);
top:12%;
 z-index:99;
 font-weight: 200;
}
#monaposter1{
height: 100%;
object-fit: cover;
width: auto;     display: none;
}
.adbar{

    position: absolute;
    top: 7%;
    width: 90%;
    height: 10%;
    left: 5%;

   
    display:flexbox; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
 
    overflow: hidden;
z-index: 99999999;

 }
 #abonMail{

    position: relative;
    background:#d7d7d7;
    border-style:none; 
    padding:10px;
    color:white;
     width:83%; 
     border-radius:10px;
 }
 #abonOl{

    position: relative;
    
    background:#3fb9dc;
    border-style:none; 
    padding:10px;
    color:white;
     width:10%; 
     border-radius:10px;
 }
#pagemona2 {
    position: relative;
    left: 0;
    top: 0%;

    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    aspect-ratio: 9/23;
    height: auto;
    overflow: hidden;
    overflow-x: auto;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    background-color: rgb(255, 255, 255);
}
#border2 {
    position: absolute;
    left: 5%;
    top: 40%;
    
    background: white;
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    aspect-ratio: 16/9;
    display: none;;

    
}
 #border2ph{
    position: absolute;
    left: 2%;
    top: 35%;
    
    background: white;
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
  
        
        height: 65%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
#bckps2{
    position: absolute;
    left: 94%;
    top: 35%;
    
    background: white;
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
   
        
        height: 65%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(89, 89, 89);
   
}
#headermona2 {
    position: absolute;
width: auto;
    font-size: 50px;
    top: 5%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;
    width:90%;
    color: rgb(0, 0, 0);

}
#ayirg{
position: absolute;

z-index: 1000;
top: 20%;
left: 5%;
color:black;
width:50%;
background-color: black;
}
#monap2 {
    position: absolute;
    left: 10%;
    top: 5%;
    font-size: 15px;
    color: rgb(0, 0, 0);
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    width: 80%;
    text-align: center;
}
#monaposterbr2{
    height: 100%;
    object-fit: cover;
    width: auto; 
}
#monaposter2 {
    height: 80%;
    object-fit: cover;
    width: auto; 
}
#pagemona3{
    position: relative;
    left: 0;
    top: 0%;

    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    aspect-ratio: 9/20;
    height: auto;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    background-color: rgb(255, 255, 255);
}
 #border3 {
    position: absolute;
    left: 2.5%;
    top: 20%;
    
   
    width: 95%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    height: 40%;
    

    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
   background: #ffffff;
}
    #border3-5 {
    position: absolute;
    left: 2.5%;
    top: 61.5%;
    
   
    width: 46.25%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    
   height: 35%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    background-color: rgb(255, 255, 255);
}
      #border3-4 {
    position: absolute;
    left: 51.25%;
    top: 61.5%;
    
   
    width: 46.25%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    
   height: 35%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
  background: #002942;
background: linear-gradient(180deg, rgb(24, 34, 63) 0%, rgb(111, 111, 111) 50%, rgb(59, 94, 97) 100%);
}
@keyframes acilmona{

   50% {
        text-shadow: 0px 0px 20px red;
   
        color: red;
    }
    100% {
        text-shadow: 0px 0px 0px white;
        color: white;
    }
}
#headermona3 {
    position: absolute;

    font-size: 50px;
    top: 2%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;

    color: white;
    animation:acilmona 2s infinite;
}

.scroll-yazi {
    position: absolute;
    top: 30%;
    font-size: 1rem;
    text-align: center;
    transform-origin: center;
    transition: transform 0.1s;
    color: rgb(255, 255, 255);
    will-change: transform, opacity;
    width: 80%;
  }    

  .scroll-yazi2 {
    position: absolute;
      color: rgb(255, 255, 255);
    bottom: 30%;
    width: 80%;
    font-size: 1rem;
    text-align: center;
    transform-origin: center;
    transition: transform 0.1s;
    will-change: transform, opacity;
  }  

  .scroll-yazi3{
      width: auto; 
    height: 100%;
    object-fit: cover;
}
    .scroll-yazi5{
      height: 100%; 
    width: auto;
    object-fit: cover;
}
#monaposter3 {
        height: 80%; 
    width: auto;
    object-fit: cover;
}
#pagemona4{
    position: relative;
    left: 0;
    top: 0%;
    background: rgb(255, 255, 255);
    width: 100%;
    aspect-ratio: 9/13;
    height: auto;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    text-align: center;
    overflow: hidden;
}


#borderimage1-172{

   position: absolute;
    left: 5%;
    top: 30%;
    
   
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    border-radius: 25px;
   height:65%;
   background-color: red;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 

}
#headerimage1-172{

        position: absolute;

    font-size: 40px;
    top: 0%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;

    color: black;

}
#expimage1-172{

        position: absolute;

    font-size: 8px;
    bottom: 5%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;
width:90%;
    color: rgb(224, 224, 224);

}
#monaposter4 {
    height: 100%; 
    width: auto;
    object-fit: cover;
    display: none;
}
  #monaposter4ph{
        width: 100%; 
        height: auto;
        object-fit: cover;
        
    }
#pagemona5{
    position: relative;
    left: 0;
    top: 0%;
    background: rgb(255, 255, 255);
    width: 100%;
    aspect-ratio: 9/23;
    height: auto;
    display: block; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    text-align: center;
    overflow: hidden;
}
#monaposter1-99 {
    height: 105%; 
    width: auto;
    object-fit: cover;
    
}
#headerimage1-99{

        position: relative;

    font-size: 50px;
    top: 0%;
    left:5%;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;
width:90%;
    color: black;

}
#borderimage1-99{

   position: relative;
    left: 5%;
    top: 30%;
    border-radius: 25px;
   
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    aspect-ratio: 1;
    
   height: auto;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 

}
#borderimage1-99-2{

   position: relative;
    left: 5%;
    top: 50%;
 
   
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    

   height: 35%;
    overflow: hidden;


}
#borderim32{

   position: absolute;
    left: 0%;
    top: 50%;
    border-radius: 25px;
   
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    background-color: rgb(230, 230, 230);
       height: 45%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 

}
#borderim64{

   position: absolute;
    left: 0%;
    top: 0%;
    border-radius: 25px;
   
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    background-color: rgb(220, 220, 220);
   height: 45%;
    overflow: hidden;
    

}
#expimage64{

        position: relative;

    font-size: 20px;
    top: 25%;
    left: 5%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;
width:90%;
text-align: center;
    color: rgb(30, 30, 30);
    

}
#exhedim64{

position: relative;
top: 5%;
}
#monaposter5{
    height: 100%; 
   
    width: auto;
    object-fit: cover;
    
}
#monaposter5-5-5{
    width: 100%; 
   
    height: auto;
    object-fit: cover;
    
}
 #pagemona6{
    position: relative;
    left: 0;
    top: 0%;
    background: rgb(255, 255, 255);
    width: 100%;
    aspect-ratio: 9/16;
    height: auto;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    text-align: center;
    overflow: hidden;
}
#headerpg6{

        position: absolute;

    font-size: 40px;
    top: 5%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;

    color: black;

}
#header2pg6{

        position: absolute;

    font-size: 20px;
    top: 23%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;

    color: rgb(126, 126, 126);

}
#borderpgm6{

position: absolute;
width:100%;
height:65%;
bottom:0%;
background-color: rgb(255, 255, 255);

}
#borderpgm6-2{

position: absolute;
top:2.5%;
width:47.5%;
height:95%;
left:2.5%;
background-color: rgb(236, 236, 236);

}
#borderim1-5{

    position: absolute;
     left: 52.5%;
     top:2.5%;
 
    
     width: 45%;
     font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
     
   
     
    height: 95%;
     overflow: hidden;
     display: flex; /* Ortalamak için flexbox kullanılıyor */
     justify-content: center; /* Yatay ortalama */
     align-items: center; 
 
 }
 
#header3pg6{

        position: absolute;

    font-size: 20px;
    top: 1%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;

    color: rgb(0, 0, 0);

}
#textexppg6{
    position: absolute;

    font-size: 9px;
    top: 20%;

    font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
    z-index: 99;
text-align: left;
width:90%;
left:5%;


    color: rgb(30, 30, 30);
}


 #pagemona7{
    position: relative;
    left: 0;
    top: 0%;
    background: rgb(255, 255, 255);
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    text-align: center;
    overflow: hidden;
}
#borderim1-248{

   position: absolute;
    left: 2.5%;
    top: 0%;

   
    width: 95%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    
   height: 100%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 

}
#monaposter1-248{
width: auto; 
   
    height: 100%;
    object-fit: cover;

}
 #pagemona8{
    position: relative;
    left: 0;
    top: 0%;
    background: rgb(255, 255, 255);
    width: 100%;
    aspect-ratio: 9/16;
    height: auto;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    text-align: center;
    overflow: auto;

}
    #borderi8{

   position: absolute;
    left: 0%;
    top: 17%;

   
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    background-color: black;
   height: 50%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
overflow-x: auto;
}
#borderi8-1{

   position: absolute;
    left: 2.5%;
    top: 5%;

   border-radius: 25px;
    width: 40%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';

    background-color: rgb(240, 240, 240);
   height: 90%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 

}
@keyframes imgobs {
100%{
    width:110%;
}
}
@keyframes imgobs2 {
100%{
    width:45%;
}
}
@keyframes imgobs3 {
100%{
    width:55%;
}
}
@keyframes imgobs4 {
100%{
    width:80%;
    bottom:-10%;
    left:10%;
}
}
#monaposter8-1img1{
height: auto; 
   
    width: 100%;
    object-fit: cover;

}
#borderi8-1:hover>#monaposter8-1img1{
animation: imgobs 0.5s forwards;
cursor: pointer;
}
#borderi8-2{

   position: absolute;
    left: 45%;
    top: 5%;

   border-radius: 25px;
   width: 40%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    background-color: rgb(240, 240, 240);
   height: 90%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 

}
#monaposter8-2img1{
height: auto; 
      
       width: 40%;
       object-fit: cover;

}
#borderi8-2:hover>#monaposter8-2img1{
animation: imgobs2 0.5s forwards;
cursor: pointer;
}
#borderi8-3{

   position: absolute;
    left: 87.5%;
    top: 5%;

   border-radius: 25px;
    width: 40%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    background-color: rgb(240, 240, 240);
   height: 90%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 

}
#monaposter8-3img1{
height: auto; 
    
       width: 50%;
       object-fit: cover;

}
#borderi8-3:hover>#monaposter8-3img1{
animation: imgobs3 0.5s forwards;
cursor: pointer;
}
#borderi8-4{

   position: absolute;
    left:130%;
    top: 5%;

   border-radius: 25px;
   width: 40%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    background-color: rgb(240, 240, 240);
   height: 90%;
    overflow: hidden;
 

}
#monaposter8-4img1{
position: absolute;
    left: 15%;
 
height: auto; 
    bottom: -15%;
       width: 70%;
       object-fit: cover;

}
#borderi8-4:hover>#monaposter8-4img1{
animation: imgobs4 0.5s forwards;
cursor: pointer;
}
#borderi8-5{

   position: absolute;
    left: 172.5%;
    top: 5%;

   border-radius: 25px;
   width: 40%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    
    background-color: rgb(240, 240, 240);
   height: 90%;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 

}
#headerimagepr8txt{

    position: absolute;

font-size: 30px;
top: 0%;
font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
z-index: 99;

color: black;

}
#monaposter8-5img1{
    position: absolute;
    left: 15%;
 
height: auto; 
    bottom: -15%;
       width: 70%;
       object-fit: cover;

}
#borderi8-5:hover>#monaposter8-5img1{
animation: imgobs4 0.5s forwards;
cursor: pointer;
}
#bd8logo{
    position: absolute;
    left: 50%;
    top: 0%;
    width:50%;
    height: auto;
z-index:999;
}
}


/* PHONE */
@media screen and (min-height:200px) and (max-height:450px) {
    #monaposter4ph {
        display: none;
    }
    body{
        background:rgb(255, 255, 255);
    }
    #monaposter3point5{
        display:none;
    }
    #monaposterphor1 {
        position: absolute;
        left: 15%;
        width: 70%;
        top: 40%;
        animation: monphor 3s forwards;
        z-index: 999;
        display: none;
        
    }
    #pagemona1 {
        position: relative;
        left: 0;
        top: 0%;
        background: white;
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        aspect-ratio: 12/9;
        height: auto;
        overflow: hidden;
      
        background-color: rgb(255, 255, 255);
    }
    #border1st {
     display: none;
        background-color: rgb(255, 255, 255);
    }
   #monaposter1ph{
    display:none;
   } 
    #inch {
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        color: black;
    }
    #titlMona{
     position:absolute;
 text-align: left;
 left: 5%;
     font-size:150px;
     color:rgb(50, 50, 50);
   top: 50px;
     z-index:99;
   
    font-weight: bolder;
 }
 #headermona1{
     position:absolute;
 text-align: end;
 right: 5%;
     font-size:50px;
     color:rgb(50, 50, 50);
    top:215px;
     z-index:99;
     font-weight: 200;
 }
 #setUpPc{
    position: absolute;
    left: 5%;
    top: 30%;
    
    background: white;
    width: 90%;
    font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
    aspect-ratio: 16/9;
    border-radius: 50px;
    height: auto;
    overflow: hidden;
    display: flex; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
    align-items: center; 
    background-color: rgb(255, 255, 255);

 }
 #oynatButt{
position: absolute;
right: 5%;
top: 5%;
width:12%;
aspect-ratio: 7/3;
background: rgba(211, 211, 211, 0.208);
backdrop-filter: blur(10px);
font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
color: rgb(255, 255, 255);
overflow: hidden;
display: flex; /* Ortalamak için flexbox kullanılıyor */
justify-content: center; /* Yatay ortalama */
align-items: center; 
font-size: 30px;
border-radius: 25px;
border-width: 2px;
border-style: solid;
border-color: rgb(255, 255, 255);
 }
 #plaOyna{
  position: relative;

  margin-left: 10px;
 }

 #playButt{
    height: 50%;
    object-fit: cover;
    width: auto; 
 }

 #monaposter1{
    height: 100%;
    object-fit: cover;
    width: auto; 
 }
 #mnaFilm{
    height: 100%;
    object-fit: cover;
    width: auto; 
    display: none;
 }
 .adbar{

    position: absolute;
    top: 0%;
    width: 20%;
    height: 7%;
    right: 3%;

   
    display:flexbox; /* Ortalamak için flexbox kullanılıyor */
    justify-content: center; /* Yatay ortalama */
 
    overflow: hidden;
z-index: 9999999999;

 }
 #abonMail{

    position: relative;
    background:#d7d7d7;
    border-style:none; 
    padding:10px;
    color:white;
     width:70%; 
     border-radius:10px;
 }
 #abonOl{

    position: relative;
    
    background:#3fb9dc;
    border-style:none; 
    padding:10px;
    color:white;
     width:10%; 
     border-radius:10px;
 }
    #pagemona2 {
        position: relative;
        left: 0;
        top: 0%;

        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        aspect-ratio: 16/9;
        height: auto;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
 #border2 {
        position: absolute;
        left: -10%;
        top: 20%;
 
        background: white;
        width: 90%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        aspect-ratio: 16/9;
        
        height: auto;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
    #border2ph {
      display: none;
        background-color: rgb(255, 255, 255);
    }
    #bckps2{
 position: absolute;
        left: 80.5%;
        top: 20%;
  width: 90%;
         aspect-ratio: 16/9;
       
       background: #003b4d;
background: linear-gradient(90deg, rgb(214, 221, 219) 0%, rgb(195, 187, 230) 50%, rgb(175, 213, 217) 100%);
        height: auto;
    }
    #monaposterbr2{
        height: 100%;
    object-fit: cover;
    width: auto; 
    }
    #headermona2 {
        position: absolute;
    width: auto;
        font-size: 50px;
        top: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
        left: 5%;
        color: rgb(0, 0, 0);
 
    }
#ayirg{
position: absolute;

z-index: 1000;
top: 20%;
left: 5%;
color:black;
width:50%;
background-color: black;
}
    #monap2 {
        position: absolute;
        left: 20%;
        top: 10%;
        font-size: 30px;
        color: rgb(0, 0, 0);
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        width: 60%;
        text-align: center;
    }

    #monaposter2 {
        position: absolute;
        left: 2%;
        top: 5%;
        height: 80%;
    }
    #pagemona3{
        position: relative;
        left: 0;
        top: 0%;

        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        aspect-ratio: 20/9;
        height: auto;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
     #border3 {
        position: absolute;
        right: 0%;
        top: 20%;
        
       
        width: 60%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        height: 80%;
        

        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
       background: #ffffff;
  }
        #border3-5 {
        position: absolute;
        right: 60.5%;
        top: 20%;
        
       
        width: 20%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 80%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        background-color: rgb(255, 255, 255);
    }
          #border3-4 {
        position: absolute;
        right: 81%;
        top: 20%;
        
       
        width: 20%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 80%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
      background: #002942;
background: linear-gradient(180deg, rgb(24, 48, 69) 0%, rgba(0, 0, 0, 1) 50%, rgb(30, 37, 55) 100%);
    }
    @keyframes acilmona{

       50% {
            text-shadow: 0px 0px 20px red;
       
            color: red;
        }
        100% {
            text-shadow: 0px 0px 0px white;
            color: white;
        }
    }
    #headermona3 {
        position: absolute;
   
        font-size: 60px;
        top: 0%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: white;
        animation:acilmona 2s infinite;
    }
 
    .scroll-yazi {
        position: absolute;
        top: 30%;
        font-size: 1.5rem;
        text-align: center;
        transform-origin: center;
        transition: transform 0.1s;
        color: rgb(255, 255, 255);
        will-change: transform, opacity;
      }    

      .scroll-yazi2 {
        position: absolute;
          color: rgb(255, 255, 255);
        bottom: 30%;
        font-size: 1.5rem;
        text-align: center;
        transform-origin: center;
        transition: transform 0.1s;
        will-change: transform, opacity;
      }  
  
      .scroll-yazi3{
          width: auto; 
        height: 100%;
        object-fit: cover;
    }
        .scroll-yazi5{
          width: 150%; 
        height: auto;
        object-fit: cover;
    }
    #monaposter3 {
            height: 80%; 
        width: auto;
        object-fit: cover;
    }
    #pagemona4{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 19/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: hidden;
    }

    
#borderimage1-172{

       position: absolute;
        left: 5%;
        top: 20%;
        
       
        width: 90%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        border-radius: 25px;
       height:80%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#headerimage1-172{

            position: absolute;
   
        font-size: 60px;
        top: 0%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: black;
  
}
#headerimagepr8txt{

    position: absolute;

font-size: 60px;
top: 0%;
font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
z-index: 99;

color: black;

}
#expimage1-172{

            position: absolute;
   
        font-size: 12px;
        bottom: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 width:70%;
        color: rgb(255, 255, 255);
  
}
    #monaposter4 {
        width: 110%; 
        height: auto;
        object-fit: cover;
        
    }
 #pagemona5{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 19/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: hidden;
    }
    #monaposter1-99 {
        width: 105%; 
        height: auto;
        object-fit: cover;
        
    }
    #headerimage1-99{

            position: absolute;
   
        font-size: 60px;
        top: 0%;
        left: 5%;
        text-align: left;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: black;
  
}
#borderimage1-99{

       position: absolute;
        left: 5%;
        top: 20%;
        border-radius: 25px;
       
        width: 40%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 80%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#borderimage1-99-2{

       position: absolute;
        left: 50%;
        top: 20%;
     
       
        width: 45%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        

       height: 80%;
        overflow: hidden;
  
  
}
#borderim32{

       position: absolute;
        left: 0%;
        top: 0%;
        border-radius: 25px;
       
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(230, 230, 230);
           height: 45%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#borderim64{

       position: absolute;
        left: 0%;
        bottom: 0%;
        border-radius: 25px;
       
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(220, 220, 220);
       height: 45%;
        overflow: hidden;
        
  
}
#expimage64{

            position: relative;
   
        font-size: 30px;
        top: 25%;
        left: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 width:90%;
 text-align: center;
        color: rgb(30, 30, 30);
        
  
}
#exhedim64{

    position: relative;
    top: 5%;
}
 #monaposter5{
        width: 100%; 
       
        height: auto;
        object-fit: cover;
        
    }
    #monaposter5-5-5{
        width: 100%; 
       
        height: auto;
        object-fit: cover;
        
    }
     #pagemona6{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: hidden;
    }
    #headerpg6{

            position: absolute;
   
        font-size: 60px;
        top: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: black;
  
}
  #header2pg6{

            position: absolute;
   
        font-size: 20px;
        top: 18%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: rgb(126, 126, 126);
  
}
#borderpgm6{

position: absolute;
width:100%;
height:70%;
bottom:0%;
background-color: rgb(255, 255, 255);

}
#borderpgm6-2{

position: absolute;
top:2.5%;
width:37%;
height:95%;
right:62%;
background-color: rgb(236, 236, 236);

}
 #header3pg6{

            position: absolute;
   
        font-size: 30px;
        top: 5%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 
        color: rgb(0, 0, 0);
  
}
#textexppg6{
        position: absolute;
   
        font-size: 16px;
        top: 25%;

        font-family: -apple-system, BlinkMacSystemFont,'Futura Md BT';
        z-index: 99;
 text-align: left;
 width:90%;
 left:5%;


        color: rgb(30, 30, 30);
}
#borderim1-5{

       position: absolute;
        right: 1%;
        top: 2.5%;

       
        width: 60%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 95%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}


     #pagemona7{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: hidden;
    }
    #borderim1-248{

       position: absolute;
        left: 1%;
        top: 0%;

       
        width: 98%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        
       height: 95%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#monaposter1-248{
 height: auto; 
       
        width: 100%;
        object-fit: cover;

}
     #pagemona8{
        position: relative;
        left: 0;
        top: 0%;
        background: rgb(255, 255, 255);
        width: 100%;
        aspect-ratio: 16/9;
        height: auto;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
        text-align: center;
        overflow: auto;
   
    }
        #borderi8{

       position: absolute;
        left: 0%;
        top: 17%;

       
        width: 100%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: black;
       height: 65%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  overflow-x: auto;
}
   #borderi8-1{

       position: absolute;
        left: 2.5%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
@keyframes imgobs {
    100%{
        width:110%;
    }
}
@keyframes imgobs2 {
    100%{
        width:45%;
    }
}
@keyframes imgobs3 {
    100%{
        width:55%;
    }
}
@keyframes imgobs4 {
    100%{
        width:53%;
        bottom:-10%;
        left:23.5%;
    }
}
#monaposter8-1img1{
 height: auto; 
       
        width: 100%;
        object-fit: cover;

}
#borderi8-1:hover>#monaposter8-1img1{
animation: imgobs 0.5s forwards;
cursor: pointer;
}
 #borderi8-2{

       position: absolute;
        left: 30%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#monaposter8-2img1{
    height: auto; 
          
           width: 40%;
           object-fit: cover;
   
   }
   #borderi8-2:hover>#monaposter8-2img1{
    animation: imgobs2 0.5s forwards;
    cursor: pointer;
    }
 #borderi8-3{

       position: absolute;
        left: 57.5%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#monaposter8-3img1{
    height: auto; 
        
           width: 50%;
           object-fit: cover;
   
   }
   #borderi8-3:hover>#monaposter8-3img1{
    animation: imgobs3 0.5s forwards;
    cursor: pointer;
    }
 #borderi8-4{

       position: absolute;
        left: 85%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
     
  
}
#monaposter8-4img1{
    position: absolute;
        left: 25%;
     
    height: auto; 
        bottom: -15%;
           width: 50%;
           object-fit: cover;
   
   }
   #borderi8-4:hover>#monaposter8-4img1{
    animation: imgobs4 0.5s forwards;
    cursor: pointer;
    }
#borderi8-5{

       position: absolute;
        left: 112.5%;
        top: 5%;

       border-radius: 25px;
        width: 25%;
        font-family: -apple-system, BlinkMacSystemFont,'Futura Bk BT';
        
        background-color: rgb(240, 240, 240);
       height: 90%;
        overflow: hidden;
        display: flex; /* Ortalamak için flexbox kullanılıyor */
        justify-content: center; /* Yatay ortalama */
        align-items: center; 
  
}
#monaposter8-5img1{
    position: absolute;
        left: 25%;
     
    height: auto; 
        bottom: -15%;
           width: 50%;
           object-fit: cover;
   
   }
#borderi8-5:hover>#monaposter8-5img1{
    animation: imgobs4 0.5s forwards;
    cursor: pointer;
    }
    #bd8logo{
        position: absolute;
        left: 50%;
        top: 90%;
        width:2.5%;
        height: auto;
  
    }
}