body{
    background-color: #EDF1D6;
}
div.link{
    background-color: #9DC08B;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 1cm ;
    border: solid 10px;
    font-family: Arial;
    font-size: large;
}
div.link>p {word-spacing: inherit;} 
a{text-decoration: none;
   padding: 0.5cm;
   color: white;
   font-style: Bold;


}
a:hover{
    background-color: #609966;
    color: #40513B;
}
h1{text-align: center; font-family: 'Times New Roman', Times, serif;
    ;}

        
    
            /* Container untuk menampung kotak */
            .container {
                display: flex; /* Membuat elemen anak sejajar horizontal */
                gap: 20px; /* Jarak antar kotak */
            }
    
            /* Style untuk kotak */
            .box {
                flex: 1; /* Membuat kedua kotak memiliki lebar sama */
                background-color: #4CAF50;
                color: white;
                padding: 20px;
                text-align: center;
                border-radius: 8px;
                box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            }
    
            /* Responsif: jika layar kecil, kotak akan bertumpuk */
            @media (max-width: 600px) {
                .container {
                    flex-direction: column;
                }
            }