@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    background-image: url(../img/contact-left-dec.png);    
    background-repeat: no-repeat; 
    font-family: "DM Sans", sans-serif;
    font-optical-sizing: auto;    
    font-style: normal; 
}

.tagline .tagline-p {
    font-size: 40px;
}

.gambar-tengah {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  width: 50px; /* Sesuaikan ukuran lebar gambar */
}

.bg-card {
    background-image: url(../img/stadion.jpg);
    background-size: cover;
    
    /* background: linear-gradient(127deg, rgba(66, 3, 252, 0.84) 46%, rgba(50, 24, 105, 0.56) 100%); */
}

.section-0 {
    color:black;
    /* margin-top: -30px; */
    margin-bottom: 30px;
    text-shadow: 1px 1px 2px #00000050;
    
}

.section-2 {
    color: rgb(177, 177, 177);
    margin-top: 50px;
}


.section-3 {   
    margin-top: -10px;   
    margin-bottom: 100px;  
    background-image: url(../img/tables-right-dec.png);
    background-repeat: no-repeat; 
}

.section-4 {
    margin-bottom: 200px;    
    display: block;
  margin-left: auto;
  margin-right: auto;
}

.bottom-nav {
    background-image: url(../img/stadion.jpg);
    background-size: cover;
}

.bg-card-lapangan {
    background-image: url(../img/second-plan-bg.png);
    background-size: cover;
    
}


/* Kelas untuk menyembunyikan form secara default */
.hidden-form { display: none; }

.jadwal-tanggal {
    font-weight: bold;
    display: flex;
    justify-content: center; /* Mengatur tengah secara horizontal */
    align-items: center;    /* Mengatur tengah secara vertikal */
    height: 100%;
    color: black;
}

.jadwal-tanggal h1 {
    font-size: 26px;        
}

.jadwal-tanggal h5 {
    font-size: 12px;
    margin-top: -10px;
}

.jam-jadwal {
    font-size: 16px;
    font-weight: bold;
    color: black;
}

.kegiatan-jadwal {
    font-size: 12px;
}

.bg-jadwal {
    background-image: url('../img/right.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}

.title-jadwal {
    font-size: 40px;
    font-weight: bold;
    margin-top: 50px;    
}

.sub-title-jadwal {
    font-size: 14px;
    margin-top: -10px;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;  
  cursor: pointer;
  transition: background-color 0.3s;
}

.btn:disabled {
  background-color: #a0c2e0;
  cursor: not-allowed;
}

/* Animasi Spinner */
.spinner {
  width: 18px;
  height: 18px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top-color: white;
  animation: spin 1s ease-in-out infinite;
  margin-left: 10px;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Menyembunyikan elemen */
.hidden {
  display: none;
}




/* Gaya untuk HP (Lebar layar maksimal 768px) */
@media screen and (max-width: 768px) {
    .tagline .tagline-p {
        font-size: 25px;
    }

    .bg-card-lapangan {
        background-image: url(../img/second-plan-bg.png);
        background-size: fit;
        
    }
    
}