@charset "ANSI";

*{ /*для всего*/
    margin: 0;
    padding: 0;
}

html, body{ /*Главная часть*/
    width 100%;
    height: 100%;
    font-size: 1.1em;
    font-family: "Segoe UI", sans-serif;
    line-height: 135%;
    background-color: #778899;
}

a{ /*Ссылки в простое*/
    color: #FFFF00;
    text-decoration: none;
    transition: all.6s ease;
    -moz-transition: all.6s ease;
    -webkit-transition: all.6s ease;
    -ms-transition: all.6s ease;
}

a:hover{ /*Ссылки, когда на них навелись*/
    color: #e9f60c;
    text-decoration: none;
    transition: all.6s ease;
    -moz-transition: all.6s ease;
    -webkit-transition: all.6s ease;
    -ms-transition: all.6s ease;
}

a:active {color: #004113} /* Ссылки, когда на них нажали */

::selection {background: #778899; color: #d0d0d0}
::-moz-selection {background: #778899; color: #c3c3c3}
::-webkit-selection {background: #778899; color: #c3c3c3}
::-ms-selection {background: #778899; color: #c3c3c3}


#text { /* id для главного текста */
    font-size: 1.5em;
    font-family: Comic Sans MS, sans-serif;
}


nav ul { /* Всe пункты с "nav" - для меню в header */
    list-style: none;
    background-color: #5a5a5a;
    padding: 7px;
}

nav > ul > li {
    float: left;
    width: auto;
    padding: auto;
}

nav ul::after {
    content: "";
    display: block;
    clear: both;
}

nav ul li a{
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    color: #f24aeb;
    width: 160px;
}

nav ul li a:hover {
    background-color: #008319;
    color: white;
}

nav ul ul {
    display: none;
    position: absolute;
}

nav ul li:hover ul {
    display: block;
}

#text2 { /* id для побочного текста */
    font-size: 1em;
    font-family: Comic Sans MS, sans-serif;
    color:#000000;
}

.shadow { /* Текст с подсветкой */
    color: #3dbc3d;
    text-shadow: 4px 4px 8px black, 0 0 1em #2bd62b;
    padding: 10px;
    width: auto;
}

.rightwall {
    width: 11em;
    height: 100%;
    background-color: #8e8e8e;
    border: 1px solid black;
}

.leftwall {
    width: 11em;
    height: 100%;
    background-color: #8e8e8e;
    border: 1px solid black;
}

.content {
    width: 100%;
    display: table-row;
    height: auto;
}

h3 {
    font-size: 1.3em;
    font-family: Comic Sans MS, sans-serif;
    color: #ff0000;
    padding-left: 0em;
    padding-right: 0em;
    padding-top: 1em;
    padding-bottom: 2em;
}

h4{
    font-size: 1.3em;
    font-family: Comic Sans MS, sans-serif;
    color: #167929;
    padding-left: 3em;
    padding-right: 3em;
    padding-bottom: 2em;
}

h5{
    font-size: 1.1em;
    font-family: Comic Sans MS, sans-serif;
    color: #000000;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
}