/* Fonts */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext,cyrillic,cyrillic-ext,greek,greek-ext,vietnamese);

/* General styles */
body {
    background-color: #441e8f; /* Set background color */
    background-image: url('/grid-bg-1.png'); /* Overlay background image */
    background-repeat: repeat; /* Repeat the background image */
    background-position: center; /* Center the background image */
    color: white; /* Set text color to white */
    font-family: Arial, sans-serif; /* Set a default font */
    margin: 0;
}

a {
    color: #2498e3;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #188dd9;
    text-decoration: underline;
}

/* Container */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

/* Hero Section */
.hero-section {
    padding: 10px 20px;
}

.hero-section h1 {
    font-size: 3em;
    margin-bottom: 0.2em; /* Reduce the bottom margin */
}

/* Main Content */
.main-content {
    padding: 5px 2px;
    text-align: left; /* Align text to the left for readability */
}

.main-content h2 {
    font-size: 2em;
    margin-bottom: 0.1em; /* Reduce space below h2 */
}

.main-content p {
    font-size: 1.2em;
    line-height: 1.2; /* Reduce line height for tighter spacing */
    margin-top: 0.1em; /* Reduce space above paragraph */
    margin-bottom: 1em; /* Keep some spacing below paragraphs */
}

/* Button */
.btn-main-site {
    display: inline-block;
    padding: 15px 30px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    border-radius: 5px;
    transition: background-color 0.3s;
    margin-top: 30px;
}

.btn-main-site:hover {
    background-color: #0056b3;
}