@import url("https://fonts.googleapis.com/css?family=Exo:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Abel&display=swap");

.reklam{
 
        display: flex;
        flex-wrap: wrap;  
        z-index: 1;
        -webkit-transform: perspective(80%); 
       -webkit-transform-style: preserve-3d;
        } 

footer h3{
          font-size:25px;
          text-align:center;
          font-family: "Abel", sans-serif;
          color:rgb(255, 255, 255);
          text-shadow: 0 0 2px rgb(255,255,255); 
          transform: translatey(10px);
          }

footer p{  
        font-family: "Exo", sans-serif;
        color:rgb(246, 250, 252);
        text-align:center;
        width:220px;
        transform: translatex(12px);
        }

.card1,.card2,.card3,.card4,.card5,.card6 {
        text-align:center;
 
        width: 240px;
        height: 395px;
        margin-left: 10px;
        margin-top: 40px;
        margin-bottom: 10px;
        animation: animate 1s linear infinite;
        transition:.6s;
        border-radius: 75px;

        transform: rotatex(40deg) translatey(-100px) translatez(-100px);
        box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.5);
        }

.card1:hover, .card2:hover, .card3:hover, .card4:hover , .card5:hover{
        transform: rotatex(0deg);
        transform: rotatez(0deg);
        transition:.6s;
        box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
        }

.card1 img,.card2 img,.card3 img:not(.advlogo) ,.card4  img,.card5 img{
        transform: translateY(15px);
        width:180px;
        height:120px;
        }

.card1 {
        left: 50px;
        background: linear-gradient(rgb(225,150,58),rgb(227,144,91));
        }

.card2 {
        left: 370px;
        background: linear-gradient(rgb(254, 251, 217),rgb(176, 173, 160));
        animation: animate 1s linear infinite;
        }

.card3{
      left: 690px;
      background: linear-gradient(#aac0f0, #5f7b9b);
       }

.card4{
      left: 1010px;
      background: linear-gradient(#698267, #526955);
      }

 .card5{
      left: 1340px;
      background: linear-gradient(#e1b382, #c89666);
      }

.card3 img:not(.advlogo),.card4 img:not(.advlogo){
      transform: translateY(15px);
      border-radius: 90px;
      width:200px;
      height:130px;
      }

.advlogo{
        transform: translateY(15px);
        }