@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap');

body {
    font-family: "EB Garamond", serif;
}

/* BUTTON */
.btn {
    border-radius: 0;
    background-color: white;
    border: 0;
    color: black;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Memberikan bayangan lembut pada card */
}

.btn:hover {
    background-color: black;
    color: white;
}
/*AKHIR BUTTON*/

.p-book {
    text-align: left;
}


.card-book {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Memberikan bayangan lembut pada card */
}

.card-body-book {
    padding: 10px 20px 0px 20px;
}





.navbar, .nav-link {
  font-family: "EB Garamond", serif;
}

.section1 {
	background-color: #3055a3;
}

.section2 {
	background-color: #7baede;
}

.section3 {
	background-color: #001880;
}

.section4 {
	background-color: #d4f2ff;
}

.card, .card-img-top {
	border-radius: 0;
}

.card {
	border: 0;
}


.col-6, .col-sm-6, .col-12, .col-md-6, .col-md-3 {
/*    padding: 0.8px 0.4px 0px 0.4px;*/
padding: 0;
}

.col-6-cs1 {
    padding-right: 0.4px;
    padding-bottom: 0.8px;
}

.col-6-cs2 {
padding-left: 0.4px;
}


.col-6-msc1 {
    padding-right: 6px;
    padding-bottom: 8px;
    padding-left: 12px;
}

.col-6-msc2 {
padding-left: 6px;
padding-right: 12px;
}

.col-12-msc {
   padding-left: 12px;
   padding-right: 12px;
   padding-bottom: 8px; 
}














/* CSS untuk card dan gambar */
.card-img-top {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transisi untuk gambar  */
}

.card-hover:hover .card-img-top {
    transform: scale(1.1); /* Membesarkan gambar saat hover */
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2); /* Efek bayangan saat hover */
}

.card-hover {
    overflow: hidden; /* Menghindari gambar keluar dari card */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Memberikan bayangan lembut pada card s*/
    transition: box-shadow 0.3s ease; /* Transisi bayangan card */
}

.card-body-music {
    padding: 0;
}






audio {
            width: 100%;
            padding: 0;
            height: 35px;
            background-color: white;
            padding: 0px;
            border-radius: 0px;
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
            border: 0px solid #ddd;
            outline: none;
}

audio::-webkit-media-controls-panel {
            background-color: #fff; /* Panel background */
}

.audio2 {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}

figure {
    padding: 10px;
}


/**/