@import "../scss/variables";

html {
    body {
        margin: 0;
        padding: 0;
        font-family: "Gotham A", "Gotham B";
        font-style: normal;
        font-weight: 400;

        .btn-secondary {
            color: #192230;
            background-color: #fff;
            border-color: #192230;
        }

        .btn-secondary:hover {
            color: #192230;
            background-color: #e6e6e6;
            border-color: #040508;
        }

        .box-font-narrow {
            font-family: "Gotham Narrow A", "Gotham Narrow B";
        }

        .box-a-nostyle {
            a,
            a:hover {
                text-decoration: none;
            }
        }

        .box-cursor:hover {
            cursor: pointer;
        }

        .box-list {
            ul {
                width: 100%;
                padding: 0;
                margin: 0;
                list-style: none;
            }
        }

        .box-ct {
            border: 1px solid rgba(0, 0, 0, 0.5);
            box-sizing: border-box;
        }

        .box-block {
            display: block;
        }

        .box-hidden {
            display: none !important;
        }

        .box-flex {
            display: flex;
        }

        .box-flex-center {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .box-flex-item {
            flex: 1;
        }

        .layout-ct {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            border: solid 1px rgba(25, 34, 48, 0.2);

            @media (min-width: $Medium) {
                background-color: rgba(25, 34, 48, 0.05);
            }

            .body-content,
            .body-content-simple {
                margin: 100px auto 0;
                width: 100%;
                display: flex;
                flex: 1 0 auto;
                background-color: $white;

                @include screen;
            }

            .body-content {
                margin: 100px auto 0;
            }

            .body-content-simple {
                margin: 0 auto 0;
            }
        }
    }
}