		
title {
    display: none;
}

.body{
background-color: LightGray;
}
	 
/* Style the side navigation */
.sidenav {
	font-size: 12px; 
	height: 100%;
	width: 20%;
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	background-color: SlateGray;
	overflow-x: hidden;
}

/* Side navigation links */
.sidenav a {
	color: white;
	padding: 3px;
	text-decoration: none;
	display: block;
}

/* Change color on hover */
.sidenav a:hover {
	background-color: #ddd;
	color: black;
}
	/* font-family: monospace, Calibri, Helvetica, Courier, sans-serif;*/


 /*border-spacing: all;*/
/*border-style: solid;*/
/*border-color: grey;*/
/*border-width: 4px;*/
/*border-radius: 1em; закругление рамки*
 /* это все span <span class="imgtitle"> */
/*.id {
text-indent: 0px; */



/* Style the content */
.content {
 margin-left: 20%;
 margin-right: 1%;
 padding-left: 15px; 
 position:relative;
 text-indent: 4%;
 text-align: justify;
}

 h1 {font-family: Montserrat; font-size:18px;   color: white;
				 text-align: left,
				 Helvetica, Roboto, SunSans-Regular, Montserrat, Roboto,  Geneva, Arial,
				 sans-serif; 
	text-shadow: 1px 1px 2px black, 0 0 25px darkgrey, 0 0 5px grey;
	position:center;
	text-indent: 0;
		 }

	h2 {font-size:14px; font-family: Montserrat;
	 color: black; line-height:1.2em;
	/* background-color: #8883; */}

	h3 {font-family: Montserrat; font-size: 14px; font-weight: 400;
		line-height:1.2em; text-decoration-line: overline underline;
  	}


	 /*text-decoration-line: overline underline;*/
  /*text-decoration-style: wavy;   'Montserrat',sans-serif;*/

	p {font-family: Merriweather ;
		font-size: 13px; 
		text-indent: 30px; 
		text-align: justify;
		/*font-family: Times, Helvetica, Arial, sans-serif; 
		Times New Roman, Times, Georgia ; */
		line-height:1.17em; /* расстояние между строками в абзаце  */
		margin-top: 0.5em; /* расстояние между абзацами перед и после */
		margin-bottom: 0.5em;
	 
	 /*p {font-size: 16px; font-family: Georgia; monospace, text-align: left;*/
		/*line-height:1.2em;} */
	 color: black;/* Цвет текста */}
 

blockquote 

{font-family: Merriweather ;
		font-size: 13px; 
		text-indent: 30px; 
		text-align: justify;
		line-height:1.17em; /* расстояние между строками в абзаце  */
		margin-top: 0.5em; /* расстояние между абзацами перед и после */
		margin-bottom: 0.5em;
	  color: black;/* Цвет текста */}
 



ul {font-size: 13px; 
	 		font-family: Montserrat;
	 	/*background-color: #white;  background-color: #DCDCDC;*/
	 	/*font-family: Courier? font-family: Montserrat ; */
		/*font-style: italic; */
		line-height: 20px;
		color: black; 
		text-align: left;
		text-indent: 0px; /*без отступа строка*/
		/*border-left: 4px dotted; SlateGray; /*Граница слева от текста */
    	/*padding-left: 5px;  Расстояние от линии до текста */
		padding: 5%, 7%, 5%, 7%;  /*оступы текста внутри рамки*/
		background-color: #DCDCDC;
	}
  
  ol {font-size: 13px; 
		font-family: Montserrat;
		line-height: 20px;
		color: black; 
		text-align: left;
		text-indent: 0px; 
/* border-left: 4px dotted SlateGray; /* Граница слева от текста */
    	/*padding-left: 15px; */ /*Расстояние от линии до текста */
		padding: 5%, 7%, 5%, 7%;  /*оступы текста внутри рамки -  так гораздо проще задавать*/
		background-color: #DCDCDC;
/*border-spacing: all;*/
/*border-style: solid;*/
/*border-color: grey;*/
/*border-width: 4px;*/
/*border-radius: 1em;*/}


.imgtitle {text-indent: 0px;
	font-family: cursive; font-size: 13px;
	line-height:1.15em;
display: inline-block;
		/*line-height: 20px;*/
		text-align: left;
 }

/* создаем <div class="script"> для скриптов внутри основного body*/
.script  
 	/*это позволяет обернуть по содержанию div*/
 {font-family: Montserrat; font-size: 14px;
display: inline-block;
border: 4px dashed SlateGray; /* dotted dashed*/
background: #DCDCDC; 
box-shadow: 5px; shadow color: black;/* Толщина рамки в пикселах,
 тип границы (в данном случае сплошная линия) и  цвет линии */
padding: 15px; /* Расстояние от текста до рамки */
/*wwidth: fit-content; */
color: #2F4F4F;
text-shadow: 0 2 5px;
text-indent: 0px;
padding: 25px;
margin: 3px;
margin-left: 0%;
margin-right: 0%;

/*position:left;
/*break-after: 15px;
/*text-align: justify;*/
}

/* создаем <div class="script"> для скриптов внутри основного body*/
.script_01  
 	/*это позволяет обернуть по содержанию div*/
 {font-family: Montserrat; font-size: 14px;
display: inline-block;
/*border: 1px solid #2F4F4F; 
background: #DCDCDC; 
box-shadow: 5px; shadow color: black;/* Толщина рамки в пикселах,
 тип границы (в данном случае сплошная линия) и  цвет линии */
padding: 5px; /* Расстояние от текста до рамки */
/*wwidth: fit-content; */
color: #2F4F4F;
text-indent: 0px;
padding: 1px;
margin: 3px;
margin-left: 0%;
margin-right: 0%;

/*position:left;
/*break-after: 15px;
/*text-align: justify;*/
}




.picture > 
{
	display: inline-block;
border: 1px solid #2F4F4F; 
background: #DCDCDC; 
box-shadow: 5px; shadow color: black;/* Толщина рамки в пикселах,
 тип границы (в данном случае сплошная линия) и  цвет линии */
padding: 15px; /* Расстояние от текста до рамки */
/*wwidth: fit-content; */
color: #2F4F4F;
text-shadow: 0 2 5px;
text-indent: 0px;
padding: 25px;
margin: 3px;
margin-left: 0%;
margin-right: 0%;

}


/**возимся с таблицей, */
table {text-align: justify ; 
	font-family:Nina;   font-size: 13px; 
	font-weight:100%;
	/*border-collapse: collapse;
		/* Apply to all four sides */
	padding-left:  0%;
	padding-right: 0;}
	/*width: 100%;*/ 

/*оступы внутри ячейки*/

  th {
  	 padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
 /*background-color: DarkGray;*/
  color: black;
    text-align: center ;
    padding-left: 4px;
    padding-right: 2px; }

	td {
		 text-align: justify;
    padding-left: 4px;
    padding-right: 4px; }

  		/*line-height:1.em; color: white; */
	border-collapse: collapse;
		 /*border-collapse: collapse;*/
		
.customers {font-family: Montserrat; font-weight:normal;}
tr:nth-child(even) {background: #E0FFFF} 
tr:nth-child(odd) {background: #DCDCDC}
 
	

			


.blackbold {font-family: Montserrat; font-size: 13; color: black; font-weight: bold; text-shadow: 0 0 0,5px } 
/*инструменты*/
.monospace {font-family: Montserrat; font-size: 13; color: black; font-weight: normal; }
/*опции диалога инструмента и последовательность действий*/

.cursive {font-family: Merriweather;  color: black; font-weight: normal; font-style: italic; }
/*опции инструментов*/

.bolditalic {font-family: Merriweather;  color: black; font-weight: bold; font-style: italic; }


.backgreen {font-family: Montserrat; color: white; background-color: LightSlateGrey; font-weight: 500; }
/*наименование слоев*/

.backgreencursiv {font-family: Courier; color: white; background-color: LightSlateGrey; font-style: italic; /*font-weight: bold;*/ }
/*поля в слоях и поля в таблицах*/

.greencursiv {font-family: Montserrat; font-size: 14; color: #708090; background-color: LightGrey;  font-style: italic; font-weight: 500; }
/*значение поля в слоях и поля в таблицах*/

.unberline {font-family: Times; color: black; text-decoration: underline; font-weight: bold; }
/*метрики*/

.ref {font-family: Courier; font-style:oblique;}

/*.imgtitle {font-family: Courier;  color: black; font-weight: normal; font-style: italic; }
/*опции инструментов*/

}

.main-footer {
	text-align: center;
}



/*стили для рисунков*/
img {/*border-width: 3px;
	/*	border-style: outset;
	/*	border-color: white;
		/*position:left;*/
		position:relative;
	/*width: 100%;*/
		left: 0em;
		bottom: 0px;
			 /*если сделать white то будет только левый-нижний и так !!!лучше*/
		/*а вообще без цвета - с четырех*/
		/*img {border-image-outset: bottom;*/
}



*******************************************************

.back3 {font-family: Courier;  color: black; font-weight: bold;  }






/*стили для текста*/
.q {font-style: italic;} /* для цитат*/

.red {color: SaddleBrown; font-weight: bold;
text-shadow: 0 0 10px;}

.blue {color: darkblue; font-weight: bold;
text-shadow: 0 0 10px;}

.gold {color: gold; font-weight: bold;
				text-shadow: 0 0 10px;}
.green  {color: LightSeaGreen ; font-weight: bold;
				text-shadow: 0 0 10px CadetBlue;}
.orange {color: orange; font-weight: bold;
				text-shadow: 0 0 15px Olive;}

.fields {background-color:lightblue; font-style: italic;}

.ref {font-size: smaller; font-style:oblique;}




/*.figcaption {text-align: left;  /*Выравниваем по центру */
		font: Geneva;
		/*font-style: italic;*/
}
/*варианты рисунков это в html последовательность*/

/*figure {*/
		/*display: inline-block;  Выстраиваем по горизонтали */
		/*padding: 0; /* Поля *//
		/*margin: 0 1em 0 0;  Отступ справа */
		/*vertical-align: top;  Выравниваем по верхнему краю */
	 /*figure.right figcaption {*/
		/*position: right;*/
		/*float: right;  Добавляем текст справа */
		/*padding: 5px;  Поля вокруг текста */
	 /*}*/

	 div {
			width: 300px;
	height: 100px;
	padding: 15px;
	background-color: yellow;
	box-shadow: 10px 10px grey;
}

		
	<a: link { text-decoration: underline } 
	<a: visited A:visited  { text-decoration: none }
<a: hover { background: cyan }


