/* 
SUMMARY: 

About CSS properties. This file will be referenced in the about page.

DEV INFO:

For developer information, see 'nanoens-web/documentation/dev.txt' file.

NOTES:

About section CSS file.

Last Updated: 06/10/2025

*/

/* CODE */

.introduction {
    background-image: url("../resources/bg/worldmap.jpg");
    background-size: cover; /* Ensures the image covers the entire section */
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100vw;
    z-index: -1;
}

/* .contents is a container that contains actual content of the page. */

.main-container {
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 35px;
    height: 100vh;
}

.top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70vw;
}

.attributions {
    background-color: transparent;
}