body { background: #121212; color: #f2f2f2; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; cursor: default }

a.headerlink:link, a.headerlink:visited { color: #f2f2f2; text-decoration: none }
a.headerlink:hover { text-decoration: none }

.block_color { background: #20252a }
.block_color2 { background: #111 }
.header_color { background: rgba(0,0,0,.8); backdrop-filter: blur(4px); }
.header_color_select { background: #bb0000; color: #f2f2f2 }
.invert { filter: invert(100%) }


.top_header { margin: 70px 0 0 0 }
header { position: fixed; width: 100%; padding: 25px; box-shadow: 0 2px 3px rgba(0,0,0,0.09), inset 0px 0px 0px -1px rgba(0,0,0,0.07); z-index: 90; }
header .weather { padding: 0 60px 0 0}
header ul li .headerlink_select { padding: 10px; border-radius: 6px  }
header ul { list-style: none; margin: 0 100px 0 -40px }
header ul li { margin: 0 10px 0 0; display: inline }
h2 { text-transform: uppercase; font-size: 25px }
h3 { text-transform: uppercase; font-size: 15px }
h3 span { background: #bb0000; padding: 2px 5px; border-radius: 6px }

.weather .flexblock { display: flex; padding: 10px 7px }
.weather .flexblock .inblock2 { position: relative; width: 143px; height: 143px; background: #111; margin: 0 1px 0 0 }
.weather .flexblock .inblock2:first-child { border-radius: 10px 0 0 10px; }
.weather .flexblock .inblock2:last-child { border-radius: 0 10px 10px 0; }
.weather .flexblock .inblock2 .inflex { display: flex; flex-direction: column; align-items: center; justify-content: space-around; height: inherit; }
.weather .flexblock .inblock2 .datanum { font-size: 50px; opacity: 0 }
.weather .flexblock .inblock2 .title_inblock { font-size: 13px }

.full_size { position: relative; width: 100%; display: inline-block; clear: left; border-bottom: 2px #151515 dashed }
.full_size .dis_block { position: relative; display: inline-block; padding: 20px 20px 40px 20px }
.full_size .dis_block .inblock { position: relative; width: 100%; display: inline-block; padding: 20px 0 0 0 }
.full_size .dis_block .block { position: relative; float: left; padding: 5px; margin: 0 10px 10px 0; border-radius: 10px; box-shadow: 0 2px 3px rgba(0,0,0,0.07), inset 0px 0px 0px -1px rgba(0,0,0,0.05) }



.block_smart { min-width: 400px }
.block_smart .smart_title { text-align: center; margin: 5px 0 10px 0 }
.block_smart .devs { position: relative; width: 165px; float: left; margin: 5px; border-radius: 5px; padding: 10px; text-align: center; font-size: 12px; cursor: help }
.block_smart .devs p { margin: 0 0 4px 0 }