body {
    background-color: #000;
    margin:0;
    padding:0;
    overflow: hidden;

    * {
        box-sizing: border-box;
    }

    .container {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px 20px;

        .logo {
            width: 100%;
            max-width: 70%;
        }

        .socials {
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 40px;
            margin-top: 60px;
            a {
                width: 80px;
                height: 80px;
                img {
                    width: 100%;
                    height: 100%;
                }
            }

            @media (max-width: 768px) {
                gap: 25px;
                a {
                    width: 40px;
                    height: 40px;
                }
            }
        }
    }
}