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

        body {
            font-family: Arial, Helvetica, sans-serif;
            background: #1E1E1E;
            color: #f4ebe2;
            min-height: 100vh;
        }

        body {
            width:80%;
            margin:auto;
        }


        .logo {
            width: min(700px, 90%);
            height: auto;
            margin-bottom: 40px;
        }

        h1 {
            font-size: clamp(1.8rem, 4vw, 2.8rem);
            font-weight: 600;
        }

        h2 {
            padding-bottom: 10px;
        }

        footer {
            width: 100%;
            padding: 30px 20px;
            text-align: center;
        }

        footer a {
            color: #f4ebe2;
            text-decoration: none;
            margin: 0 18px;
            transition: color .2s;
        }

        footer a:hover {
            color: #d32020;
        }

        @media (max-width: 600px) {
            footer {
                display: flex;
                flex-direction: column;
                gap: 12px;
            }

            footer a {
                margin: 0;
            }

            .logo {
                width: 95%;
            }
        }


        section {
            padding-top:20px;
            padding-bottom: 20px;
            }