* { margin: 0px; }
* { padding: 0px; }

    /********************* первый фон **********************/

    .download{                                                                                      /* контейнер для ссылок для сканичивания html/css-кода */
        position: fixed;   
        bottom: 0;
        right: 0;
        margin-right: 10em;
        margin-bottom: 10em;
    }

    .download a{                                                                                   /* форматирование ссылок для сканичивания html/css-кода */
        color: blue;
        text-decoration: underline;
    }

    html{
        height: 100%;
    }

    body{
        height: 100%;
        background-color: #94BEC7;
    }

    .main_wrapper{
        width: 538px;
        height: 100px;
        font-style: italic;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    .main_wrapper p{
        display: block;
        font-size: 68px;
        font-weight: 600;
        float: left;
        padding-left: 10px;
    }

    .main_wrapper p:nth-child(2){
        padding-left: 10px;
        width: 300px;
        float: right;
        background-color: #94BEC7;
        position: absolute;
        z-index: 20;
        left: 226px;
    }

    .main_wrapper p:first-child{
        position: relative;
        z-index: 19;
        background-color: #94BEC7;
        left: 290px;
        animation-name: my_move;
        animation-duration: 1s;
        animation-timing-function: linear;
        animation-fill-mode: forwards;
    }

    @keyframes my_move{
        100% { left: 0px; }
    }

    .enter_menu{
        position: absolute;
        z-index: 11;
        top: 15px;
        left: 15px;
        width: 60px;
        height: 60px;
        background-image: url(./2d-3d_wonderful_menu_images/menu.png);
        background-size: contain;
    }

    .enter_menu a {
        display: block;
        width: 100%;
        height: 100%;
    }

    /********************* первый фон **********************/




/********************* анимированное меню **********************/

.animations_menu{
    position: absolute;
    top: -100%;
    left: -100%;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: orange;
    border-radius: 0 0 1000px 0;
}

#hide:target{
    animation-name: show_menu;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes show_menu{
    100% {left: 0%; top: 0%; }
}

.exit_menu{
    position: absolute;
    z-index: 101;
    top: 15px;
    left: 15px;
    width: 60px;
    height: 60px;
    background-image: url(./2d-3d_wonderful_menu_images/menu.png);
    background-size: contain;
}

.exit_menu a {
    display: block;
    width: 100%;
    height: 100%;
}

.main_wrapper a{
    text-align: center;
    display: block;
    color: black;
    font-size: 70px;
}

.main_wrapper_2{
    height: 200px;
    width: 800px
}

/********************* анимированное меню ***********************