/* Reset default margins and ensure the body takes the full viewport height */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* Set background gradient, typography, and flexbox for geometrical centering */
body {
    /* Radial gradient: white at the center, very light gray at the edges */
    background: radial-gradient(circle, #ffffff 0%, #e8e8e8 100%);
    
    /* Open Sans typography with size 11pt */
    font-family: 'Open Sans', sans-serif;
    font-size: 11pt; 
    
    /* Flexbox to center the main container vertically and horizontally */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Align contents inside the container */
.center-container {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Spacing under the logo */
.logo {
    display: block;
    margin-bottom: 15px; 
}

/* Text styles */
.bold-title {
    font-weight: 700; /* Bold */
    font-size: 120%;
    margin: 0 0 5px 0; /* Small margin between title and description */
}

.normal-text {
    font-weight: 400; /* Regular weight */
    margin: 0;
    line-height: 1.4;
}

/* Inherit font styling for the link and adjust color */
a {
    color: inherit;
    text-decoration: underline;
}

a:hover {
    color: #555555;
}