@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

        :root {
            --cta: #F35C5C;
            --main: #f2f3f3;
            --text: #3C4B6C;
        }

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

        body {
            min-height: 100vh;
            font-family: 'DM Sans', sans-serif;
            line-height: 1.6;
        }

        .container {
            width: 1280px;
            max-width: 1280px;
            height: 100%;
            margin: auto;
        }

        header {
            width: 100vw;
            height: 100px;
            max-height: 100px;
        }

        .logo_container {
            display: flex;
            justify-content: start;
            align-items: center;
            height: 100%;
            gap: 20px;

        }

        main {
            background-color: var(--main);
            height: calc(100vh - 100px);
            overflow: hidden;
            width: 100%;
        }

        .card {
            width: 100%;
            max-width: 900px;
            background-color: #FFFFFF;
            color: var(--text);
            margin: 80px auto 0;
            padding: 30px;
            text-align: left;
        }

        .card>div {
            margin: 20px 0;
        }

        .card_header {
            font-family: 'DM Sans', sans-serif;

            font-weight: 200;
            letter-spacing: 0;
            font: normal normal 200 28px/18px;
            margin-bottom: 10px;
        }

        .card_content {
            font: normal normal normal 18px/24px;
            margin-bottom: 10px;
        }

      
        @media screen and (max-width:1366px) {
            .container {
                width: 90vw;
            }

            .card {
                width: 500px;
            }
        }

        @media screen and (max-width:768px) {

            .card {
                width: 90vw;
            }
        }

        @media screen and (max-width:480px) {

            .card_footer {
                justify-content: center;
            }
        }