@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');

html {
    width: 100vw;
    height: 100vh;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
}

* {
    font-family: "Nunito Sans", sans-serif;
}

* {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

*::-webkit-scrollbar {
    display: none;
}

.container {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #656fdb;

    & .crane {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 70%;
        aspect-ratio: 1.4;
    }

    & .mainLogo {
        position: absolute;
        left: 5%;
        top: 5%;
        display: flex;
        flex-direction: column;
        row-gap: 50px;

        & .icon {
            width: 142px;
        }

        & .textCol {
            display: flex;
            flex-direction: column;
            row-gap: 36px;
            max-width: 40%;

            & .header {
                font-size: 42px;
                font-weight: 900;
                line-height: 120%;
                color: #ffffff;
                text-transform: uppercase;
            }

            & .subHeader {
                font-size: 56px;
                font-weight: 300;
                line-height: 100%;
                color: #ffffff;
                font-style: italic;
            }

            & .text {
                font-size: 24px;
                font-weight: 400;
                color: #ffffff;
                line-height: 100%;
            }

            a {
                font-size: 24px;
                font-weight: 600;
                line-height: 100%;
                color: #ffffff;
                text-decoration: underline;
            }
        }

        @media (max-width: 1024px) {
            & .textCol {
                max-width: 60%;
            }
        }

        @media (max-width: 500px) {
            & .textCol {
                max-width: 95%;
            }
        }
    }
}