body {
    margin: 0;     
    overflow-x: hidden;
}

.header-img {
    width: 100%;        
    object-fit: cover;
    margin-bottom: 0.5%;
}

.footer {
    width: 100%;      
    background-color: #343a40;
    color: #ffffff;
    text-align: center;
    padding: 1px;
    margin: 0;              
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.container {
    max-width: 75%;
    margin: auto;
}

.judul {
    background-color: rgb(5, 159, 255);
    border-radius: 5px;                       
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    text-align: center; 
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* Menambahkan bayangan untuk efek 3D */  
    color: aliceblue;       
}

h2 {
    margin-top: 1%;
    margin-bottom: 0.5%;
    color: rgb(0, 0, 0);
}

.heading {
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0.5%;
}

.cancel {
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0.5%;
}

.jenisWarning {
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0.5%;
}

.isi {
    border: 1px solid;
    border-radius: 10px;
    padding-bottom: 1%;
    padding-left: 1%;
    padding-right: 1%;
    margin-bottom: 0.5%;
}

#datepicker {
    width: 2.5%;
    text-align: center;
    background-color: azure;
}

#namaTC {
    width: 10%;
    text-align: center;
}

#namaWSPD,
#namaWSPDMax,
#namaWIND,
#namaWINDMax {
    width: 3%;
    text-align: center;
}

#namaWINDArah {
    width: 5%;
    text-align: center;
}

::placeholder {
    font-style: italic;
}