body {
    margin: 0;
    user-select: none;
    font-family: 'Inter', sans-serif;
    position: relative;

    a {
        text-decoration: none;
    }

    img {
        -webkit-user-drag: none;
    }

    .container {
        max-width: 1366px;
        width: 100%;
        margin: 0 auto;
    }

    .flex {
        display: flex;
    }

    .fd-column {
        flex-direction: column;
    }

    .ai-center {
        align-items: center;
    }

    .jc-center {
        justify-content: center;
    }

    .pd-15 {
        padding: 15px;
    }

    #home {
        background-image: url('./assets/img/home_background_desktop.jpg');
        min-height: 100vh;
        width: 100%;
        background-repeat: no-repeat;
        background-position: right;
        background-color: #71b956;
        background-size: cover;
        align-items: center;

        .content {
            max-width: 597px;
            padding: 15px 5%;
        }

        h1 {
            color: #fff;
            font-size: 1.75rem;
            font-weight: 400;
            text-align: center;
            margin: 10% 0 7%;

            span {
                font-weight: 800;
                color: #2B6315;
            }
        }

        button {
            border-radius: 23px;
            border: 1px solid #2BA003;
            background: #A2E587;
            box-shadow: 5px 7px 14px 0px rgba(0, 0, 0, 0.15);
            width: 100%;
            max-width: 408px;
            height: 71px;
            gap: 13px;
            transition: all 250ms ease-in-out;
            cursor: pointer;

            color: #2B6315;
            text-align: center;
            font-size: 1.438rem;
            font-weight: 400;

            &:hover {
                background: #a2e5876b;
            }
        }
    }

    #footer {
        position: absolute;
        bottom: 3%;
        width: 100%;

        .content {
            gap: 5%;
            padding: 15px 5%;

            .copy {
                color: #FFF;
                font-size: 1.125rem;
                font-weight: 300;
                max-width: 596px;
            }

            .socialmedias {
                gap: 20%;
            }
        }
    }


    @media screen and (max-width: 768px) {
        .container {
            width: auto;
            max-width: 95%;
        }

        #home {
            background-image: url('./assets/img/home_background_mobile.jpg');
            background-size: contain;
            background-position: top;

            img {
                max-width: 264px;
            }

            .content {
                max-width: 351px;
                padding: 30% 0 0;
            }

            h1 {
                font-size: 1.25rem;
            }

            button {
                font-size: 1.063rem;
                max-width: 300px;
                height: 52px;
            }
        }

        #footer {
            .content {
                flex-direction: column-reverse;
                justify-content: center !important;
                gap: 5px;
            }
        }
    }

    @media screen and (max-height: 750px) {
        #home {
            min-height: 800px;
        }
    }
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: rgba(153, 153, 153, .5);
}

::-webkit-scrollbar {
    width: 8px;
}