html {
  height: 100%;
  width: 100%;
}
 body {
      font-family: Arial, sans-serif;
      padding: 20px;
      background: #f5f5f5;
    }
  
    h1, h2 {
      color: #4a76a8;
    }
    pre {
      background: #f4f4f4;
      padding: 10px;
      border-radius: 4px;
      overflow-x: auto;
    }
    code {
      background: #eee;
      padding: 2px 4px;
      border-radius: 4px;
      font-size: 1.05em;
    }
    ol.roman {
      list-style-type: upper-roman; /* Великі римські цифри */
    }
    ol.alpha {
      list-style-type: lower-alpha; /* малі латинські літери */
    }
    ol.decimal {
      list-style-type: decimal; /* цифри */
    }
a{text-decoration:none}
p.Attention
{
  font-family: 'Ultra', sans-serif;
  margin:5px;
  padding:1px;
  background:#f2ae50;;
  text-align:justify;
  text-indent:10px;
  font-size:1.1rem;;
  border: thin solid #200524;
  font-style: italic;
}
  
    ul, ol {
      margin-left: 20px;
    }
    ul ul {
      margin-left: 20px;
    }
    li p {
      margin: 0 0 5px 0;
    }
 
p
{
  font-family: 'Georgia', sans-serif;
  margin:5px;
  padding:1px;
  background:#F0F8FF;
  text-align:justify;
  text-indent:10px;
  font-size:1.1rem;;
  line-height: 1.5rem;
   font-style: italic;
}

p:first-letter
{
  font-size:25px;
}
table {	font-family: 'Georgia', sans-serif;
  margin-left: 15%;
  font-size: 0.9rem;font-style: italic;
  color: #190425;
  line-height: 1.5em;
  margin:auto}      

td {border: 1px ridge #bf3f08;}
th {border: 1px ridge #c53b0d;}
#s2 {width:33%}
#s1 {width:50%}

a.menu {
  font-family: 'Ultra', sans-serif;
  font-size: 1.1rem;
  color:#191970; 
  line-height: 1.2; 
  position: relative; 
  padding: 0 14px; 
  font-style:normal;
        }
a.menu:after {
  content: "";
  height: 100%;
  min-width: 4px;
  background: #87CEFA;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: .5s;
}
a.menu:hover:after {
  min-width: 100%;
  background: #87CEFA;
  opacity: .35;
}
a.menu2:hover {
  min-width: 100%;
  background: #87CEFA;
  opacity: .35;
  color:#191970;
}
tr:hover {
background:#87CEFA;
}
h1 {
    margin: 1em 0 0.4rem 0;
    color: #2c1d77;
    font-weight: bold;
    font-family: 'Ultra', sans-serif;  
    font-size: 1.5rem;
    line-height: 42px;
    text-transform: uppercase;
    }

h2 {
    margin: 1em 0 0.3em 0;
    color:#05132e;
    font-weight: normal;
    font-size: 1.35em;;
    line-height: 40px;
    font-family: 'Orienta', sans-serif;

}

h3 {
    margin: 1em 0 0.5em 0;
    color:navy;
    font-size: 22px;
    line-height: 40px;
    font-weight: normal;
    font-family: 'Georgia', sans-serif;
    letter-spacing: 1px;
    font-style: italic;
    text-align:center;
}
h4 {
    margin: 1em 0 0.5em 0;
    color:navy;
    font-size: 18px;
    line-height: 40px;
    font-weight: normal;
    font-family: 'Orienta', sans-serif;
    letter-spacing: 1px;
    text-align:center;
}
figure {
  float: none;
  width: auto;
  margin: 1% 1px 5px 1px;
  text-align: center;
}
figure img {
  border: 5px ridge #191970;
  background-color: #87CEEB;
  padding: 10px;  
}
figcaption {
  width:100%;
  font: bold 1rem/normal Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  text-align: center;
  background-color: #87CEEB;
  border: 2px dashed #191970;
  padding: 1%;
}  
img{ 
	border: 5px ridge #191970;
    background-color: #6495ED;
    padding: 10px;
	}
 hr{border: 5px ridge #6495ED;}