body {background-color: #FFF; width:auto; min-width:480;}
h1 {font-weight: bolder; font-size:30pt; line-height:60pt; font-family:sans-serif; color:#999999;}
h2 { font-size:25px;}
h3 { font-size:20px;}
p,ul,li { font-size: xx-large; align:left;}

a:hover, a:focus, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}

.navbar ul{
        display: none;
        background-color: #AAA;
        position: absolute;
        top: 100%;
        font-size: xx-large;
		z-index: 2;
      }
.navbar li:hover ul {
	display: block !important;
	z-index: 2;	
	}
.navbar, .navbar ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
		font-size: xx-large; color:white;
		z-index: 2;
      }
.navbar {
        height: 50px;
        background-color: #000;
        min-width: 200px;
        padding-left: 25px;
        font-size: xx-large;
		z-index: 2;
      }
.navbar li {
        float: left;
        position: relative;
        height: 100%;
		z-index: 2;
      }
.navbar li a {
        display: block !important;
        padding: 6px;
        width: 200px;
        color: white;
        text-decoration: none;
        text-align: left;
		z-index: 2;
        }
.navbar ul li {
		  float: none;
		z-index: 2;		  
		  }
.navbar li:hover {
		  background-color: #ccc;
		  z-index: 2;		  
		  }
.navbar ul li:hover {
		  background-color: #666;
		  text-decoration: underline; 
			z-index: 2;
		  }
		  
.columns {
    display: table;
    width: 100%;
    box-sizing: border-box;  /* не поддерживается в CSS2 */
    margin-left: 0;
    margin-right: 0;
}
.columns > div,
.columns > noindex > div {
    display: table-cell;
    vertical-align: top;
    width: auto;
    box-sizing: border-box;  /* не поддерживается в CSS2 */
}
.w {background-color: white;}
.ww {color: white;}
.block1 { 
    width: 100%; 
    background: #eee;
    padding: 5px;
    padding-right: 20px; 
    border: solid 1px black; 
    float: left;
	color:red;
	font-size:4em;
   }
#fcrbig {color: red; font-size: 250%; text-align: left;}
#fcr {color: red; font-size: xx-large; text-align: left;}
#fcg {color: #555555; font-size: xx-large; }
#fs {font-size: 2.0em;}
#fss {font: italic small-caps bold 32px/1.5 Arial, serif;}
#child {
	font-size: 2em;
    border: 3px solid #ccc; /* Параметры рамки */
    padding: 30px; /* Поля вокруг текста */
    margin: 10px; /* Отступы вокруг */
	background-color: #eee;
   }
#bgcb {background-color: blue;}
#bgcr {background-color: red;}
#bgcg {background-color: green;}
#bgcgr {background-color: #ddd;}
#bd {  width: 100%; font-size: 2.0rem; padding: 20px; margin: 20px;}
figure {
    width: 100%; /* Ширина */
    float: left; /* Выстраиваем элементы по горизонтали */
    margin: 0 0 0 1.5%; /* Отступ слева */
    background: #ffffff; /* Цвет фона */
	border: 2px solid gray;
    border-radius: 5px; /* Радиус скругления */
    padding: 2%; /* Поля */
   }
figure:first-child {
    margin-left: 0; /* Убираем отступ для первого элемента */
   }
div#start {overflow: auto; width: 100px; height: 40px; border: 2px; border-color: "red";}
code#font {
	background: #bbb;
	width: 80%;
    padding: 5px;
	border: solid 2px red;
	position: relative; 
    top: 10px; 
    left: +14%;
	font: red;
	font-size:1.5rem;
}