::-webkit-scrollbar { /* Webkit */
    width      : 0;  /* ширина scrollbar'a */
    background : transparent  /* опционально */
}
A {
    text-decoration: none; /* Убирает подчеркивание для ссылок */
   }
   A:hover {
    text-decoration: underline; /* Добавляем подчеркивание при наведении курсора на ссылку */
    color: red; /* Ссылка красного цвета */
   }
html {
    -ms-overflow-style : none;  /* IE 10+ */
    scrollbar-width    : none /* Firefox */
}
pre {
 border: 1px solid black; /* Толщина рамки в пикселах,
                           тип границы (в данном случае сплошная линия) и
                           цвет линии */
 padding: 5px; /* Расстояние от текста до рамки */
 background: rgba(220, 220, 220, 0.6);
}
body {
background: #ffffff url(./icon/fon2.png); /* Фоновый цвет и фоновый рисунок*/
/*color: #fff; /*Цвет текста на странице*/
background-attachment: fixed; /* Фон страницы фиксируется */
background-repeat: no-repeat; /*Изображение не повторяется (либо 'repeat-x' повтор) */
background-position: center center; /* Фоновое изображение выровнено по центру в горизонтальной и вертикальной плоскостях */
background-size: cover; /* Фоновое изображение на весь размер окна браузера */
/* overflow: hidden*/
}
#lin {
  clear: both;
  margin-bottom: 5px;
}
#shapka{
width: 900px; /* Ширина блока */
height: 122px; /* Высота блока */
background: rgba(255, 0, 0, 0.0); /* Фон блока. Цвет и прозрачность */
margin-right: auto; /* Авто-отступ справа */
margin-left: auto; /* Авто-отступ слева */
border: 0px solid Red; /* Рамка блока. Толщина, цвет */
border-radius: 0px; /* Радиус углов блока */
display: block;
}
#logo {
float: left; /*Выравнивает элемент по левому краю, а все остальные элементы обтекают его по правой стороне*/
width: 110px;
height: 120px;
background: rgba(220, 220, 220, 0.2);
border: 1px solid Gray;
border-radius: 10px; /*50% 50% 60% 60%  10% 10% 100% 100%; */
/*box-shadow: 8px 8px 5px #444,
               inset 10px 10px 7px rgba(0,0,0,0.3),
                inset -10px -10px 7px rgba(255,255,255,0.5);*/
box-shadow: 8px 8px 5px #444;
margin-right: 10px;
display: flex; /* Элемент становится flexbox контейнером */
align-items: center; /* выравнивает флекс-элементы внутри контейнера в перпендикулярном направлении. */
justify-content: center; /* пространство вокруг флекс-элементов вдоль главной оси контейнера */
}
#name {
float: left;
width: 564px;
height: 120px;
background: rgba(220, 220, 220, 0.2);
border: 1px solid Gray;
border-radius: 10px;
/*box-shadow: 8px 8px 5px #444,
               inset 10px 10px 7px rgba(0,0,0,0.3),
                inset -10px -10px 7px rgba(255,255,255,0.5);*/
box-shadow: 8px 8px 5px #444;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 46px;
text-shadow: 1px 1px 1px black, 0 0 1em gray;
color:  rgba(220, 220, 220, 0.5);
font-family: Arial;
font-weight: 600;
  -webkit-text-fill-color:  rgba(220, 220, 220, 0.8);
  -webkit-text-stroke-color: Black;
  -webkit-text-stroke-width: 1.00px;
user-select: none;
}
#pogoda {
float: left;
width: 193px;
height: 114px;
padding: 3px;
border: 1px solid Gray;
border-radius: 10px;
/*box-shadow: 8px 8px 5px #444,
               inset 10px 10px 7px rgba(0,0,0,0.3),
                inset -10px -10px 7px rgba(255,255,255,0.5);*/
box-shadow: 8px 8px 5px #444;
background: rgba(220, 220, 220, 0.2);
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
color: Black;
font-family: serif;
font-weight: 400;
user-select: none;
}
#osnova{
width: 900px;
height: auto;
background: rgba(255, 255, 0, 0.0);
margin-right: auto;
margin-left: auto;
border: 0px solid Red;
border-radius: 0px;
display: block;
}
#contentBody{
float: left;
width: 666px;
height: 75vh;
/*overflow-x: scroll; /* прокрутка по горизонтали */
overflow-y: scroll; /* прокрутка по вертикали */
background: rgba(220, 220, 220, 0.3);
border: 1px solid Gray;
border-radius: 10px;
/*box-shadow: 8px 8px 5px #444,
               inset 10px 10px 7px rgba(0,0,0,0.3),
                inset -10px -10px 7px rgba(255,255,255,0.5);*/
box-shadow: 8px 8px 5px #444;
display: block;
padding: 10px;
font-size: 16px;
color: Black;
font-family: serif;
font-weight: 400;
/*user-select: none;*/
}
#navigator{
float: right;
width: 202px;
height: auto;
background: rgba(155, 255, 0, 0.0);
border: 0px solid Red;
border-radius: 10px;
display: block;
}
#knopka:focus, rad:hover {
background-image: linear-gradient(to bottom right, #888, #eee);
}
#knopka:active {
box-shadow: inset 2px 2px 1px black,
            inset 2px 3px 5px rgba(0,0,0,0.3),
            inset -2px -3px 5px rgba(255,255,255,0.5);
}
#menulink {
float: right;
width: 180px;
height: auto;
padding: 10px;
border: 1px solid Gray;
border-radius: 10px;
/*box-shadow: 8px 8px 5px #444,
               inset 10px 10px 7px rgba(0,0,0,0.3),
                inset -10px -10px 7px rgba(255,255,255,0.5);*/
box-shadow: 8px 8px 5px #444;
background: rgba(220, 220, 220, 0.2);
display: block;
flex-direction: column;
user-select: none;
font-size: 14px;
/*text-shadow: 1px 1px 1px Black, 0 0 5em Gray;*/
color:  rgba(220, 220, 220, 0.5);
/*font-family: Arial;
font-weight: 600;
  -webkit-text-fill-color:  rgba(220, 220, 220, 0.5);
  -webkit-text-stroke-color: Black;
  -webkit-text-stroke-width: 1.00px; */
}
#podval{
width: 900px;
height: 70px;
background: rgba(220, 220, 220, 0.2);
margin-right: auto;
margin-left: auto;
border: 1px solid Gray;
/*box-shadow: 8px 8px 5px #444,
               inset 10px 10px 7px rgba(0,0,0,0.3),
                inset -10px -10px 7px rgba(255,255,255,0.5);*/
box-shadow: 8px 8px 5px #444;
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
user-select: none;
}