body, html {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-x: hidden;
    font-family: "Agbalumo", sens-serif, serif;
    font-size: 24px;
    color: #000000;
}

.bg-container {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}

.content {
    position: relative;
    overflow: auto;
    min-height: 100vh; 
    width: 50%;
}

h1 {
    font-family: "Protest Strike", sans-serif;
    font-weight: 600;
}

.open-box {
    border: #5D86B3 solid 3px;
    border-left: none;
    border-right: none;
    width: 200px;
    min-width: 200px;
}

.big-date {
    font-size: 80px;
    color: #5D86B3;
    padding: 0 20px;
    position: relative;
    top: -32px;
}

a {
	color: inherit; /* Inherit the color from the parent element */
    text-decoration: none; /* Remove the underline from the link */
}

a:hover {
	color: inherit; /* Maintain the original text color on hover */
    text-decoration: underline; /* Optional: Add an underline on hover */
}

@media only screen and (max-width: 600px) {
    .content {
        width: 100%;
    }
    
    .h1 {
        font-size: 80%;
    }
}