* {
    padding: 0;
    margin: 0;
}

body {
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 16px;
}

.worldWrapper {
    background-image: linear-gradient(45deg, #E6E6E6 25%, transparent 25%),
    linear-gradient(-45deg, #E6E6E6 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #E6E6E6 75%),
    linear-gradient(-45deg, transparent 75%, #E6E6E6 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
    padding: 1vw 1vw 1vw 3vw;
    box-sizing: border-box;
    min-height: 100vh;
    width: 100%;
}

section {
    min-height: calc(100vh - 2vw);
    background-color: white;
    padding: 1vw 1vw 1vw 1vw;
    box-sizing: border-box;
}

#error {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    top: 42%;
    width: 100%;
    height: 42px;
    color: white;
    text-align: center;
    background: red;
    z-index: 9999;
}

.featuresWrapper {
    background: url(07497435b2d32cfd587c4ecc3d00abf9.png);
}

section {
    display: grid;
    grid-row-gap: 1vw;
    grid-template-rows: 20px 20px auto 80px
}

section nav {
    }

section nav a {

        }

section nav a:visited {
            }

section main {
        display: flex;
        justify-content: center;
        align-items: center;
    }

section footer {
        display: grid;
        grid-template-rows: 40px 40px
    }

section footer #yandex-share-ds {
            display: flex;
            justify-content: center;
            align-items: center
        }

section footer #yandex-share-ds mail-ru-ds {
                padding: 0 4px;
            }

section > * {
    //border: 1px solid blue;
}

section {
    grid-template-rows: 20px 40px auto 80px

}

section #copy {
    }

section #copy.action{
            text-decoration: underline;
            color: rgb(0, 0, 238);
            cursor: pointer;
        }
