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

div.download{
    font-size: 1.3em;
    width: 10em;
    position: absolute;   
    bottom: 0;
    right: 0;
    margin-right: 10em;
    margin-bottom: 10em;
}

.download a{
    color: blue;
}

/* открытие меню !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
.list, .show, .hide:target {                                                                /* по-умолчанию подменю с классом .list, а также закрывающая кнопка, которая с одинаковым названием с открывающей, а также нажатая открывающая кнопка*/
     display: none;                                                                         /* будут скрыты */
}
.hide:target ~ .show, .hide:target ~ .list {                                                /* при нажатой открывающей кнопке открываются другие элементы, а открывающая кнопка скрывается (но таргет, остаётся на ней, хоть она и скрыта) */
    display:block;
}
/* открытие меню !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */

html{ height: 100%; }

body{
    height: 100%;
    background-image:  repeating-conic-gradient( lightgreen 10%, lightskyblue 25% );;
}

#menu_wrapper{
    width: 75%;
    padding-top: 3%;
    margin: auto;
}

#menu_wrapper h1{                                                                           /* Настройка заголовка */
    text-align: center;
    margin-bottom: 3%;
    font-size: 4em;
    text-transform: uppercase;
    font-weight: 800;
}

a:not(.download a){                                                                         /* модный селектор, который говорит все ссылки кроме (.download a) */
    text-decoration: none;
    color: black;
}

a.hide{ display: block; }                                                                    /* првратим в display: block для манипуляции шириной */

.hide, .show{
    font-size: 3em;
    width: 300px;
    border: 1px solid grey;
    text-align: center;   
    border-radius: 15px;
    background-color: lightcyan;
}


.list ul{
    list-style-type: none;
}

.list ul li{
    padding: 10px 0 10px 0;
    font-size: 1.3em;
    text-align: center;
    width: 300px;
    border: 1px solid lightgray;
    border-radius: 15px;
    background-color: white;
}

ul li a{
    display: block;
}

li{
    box-shadow: 10px 10px 10px;
}