@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.navbar {
    box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .2);
    font-family: 'Verdana';
}

img {
    max-width: 100%;
    max-height: 100%;
}

#programunggulan {
    padding-top: -4rem;
}


section {
    padding-top: 4rem;
}

.table-primary {
    color: white;
}

.banner {
    border-radius: 0px 0px 50px 0px;
}

.card {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 15px 5px 30px 5px;
}

.card-galeri {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 0px 0px 0px 0px;
}

.card-text-rumpurampe {
    text-align: right;
}

.sampul {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card-title-rumpurampe {
    text-align: right;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-primary);
}

.btn{
  background-color: #285FA3;
  color: white;
  border-radius: 20px;
}

#footer {
    background-color: #285FA3;
    background: linear-gradient(#1B365D, #285FA3);
    color: white;
}

/* .card-img-top1 {
  width: 30%;
  height: 100%;
  object-fit:cover;
  
  transform-origin:center;
  transform:perspective(800px) rotateY(25deg);
  transition:0.5s;
} */

/* .container:hover img {
  opacity:0.3;
} */

/* .container img:hover {
  transform:perspective(800px)       rotateY(0deg);
  opacity:1;
} */