@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    --color-primary: #3C6324;
    --color-primary-light: #64A43D;
    --color-primary-dark: #274217;
    --color-navy: #1E3559;
    --color-navy-dark: #12223b;
    --color-navy-light: #2c4977;
    --font-main: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body,
html {
    height: 100%;
    width: 100%;
    font-family: var(--font-main);
    background-color: #e0e5ec;
    color: #3a4756;
    overflow-x: hidden;
}

.main {
    padding-left: 250px;
    padding-right: 250px;
    padding-bottom: 140px;
    width: 100%;
}

@media (max-width: 1200px) {
    .main {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 768px) {
    .main {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 480px) {
    .main {
        padding-left: 8px;
        padding-right: 8px;
    }
}