html {background-color: none;}

body.is-froze {
  overflow: hidden; 
  width: 100vw;
  height: 100vh;
}

body {font-family: sans-serif;}

a:link {color: #2638E6; text-decoration: underline;}
a:active {color: #0D8F63; text-decoration: none;}
a:visited {color: #2638E6; text-decoration: underline;}
a:hover {text-decoration: underline;}

H1 {color: black; font-weight: bold; font-size: 22px;}
H2 {color: black; font-weight: bold; font-size: 20px; text-align:left;}
H3 {color: black; font-weight: bold; font-size: 18px;}
p {margin-left: 10px; font-size: 16px;}

ol {font-size: 16px;}

ul {font-size: 16px;}

.main {
  background-color: none;
}

.content {
  background-color: #ffffff;
  width: 70%;
  margin-right: 10%;
  margin-left: 15%;
  
}






@media screen and (min-width:376px) and (max-width:768px) {
    .content {
  background-color: #fff;
  width: 98%;
        margin-right: 3%;
  margin-left: 2%;
    }
 }

@media screen and (min-width:240px) and (max-width:375px) { .content {
  background-color: #fff;
  width: 95%;
    margin-right: 3%;
  margin-left: 2%;
}}

@media only screen and (max-width : 980px) { .content {
  background-color: #fff;
  width: 95%;
    margin-right: 13%;
  margin-left: 2%;
}}


#nav {
 width: 15%; /* Ширина левой колонки */
 float: left;
 background: #eeeeee;
 height: 100%;
} 

@media screen and (min-width:376px) and (max-width:768px) {
    .nav {
  background-color: #fff;
  width: 5%;
    }
 }

@media screen and (min-width:240px) and (max-width:375px) { .nav {
  background-color: #fff;
  width: 5%;
}}

#aside {
 width: 15%; /* Ширина правой колонки */
 float: right;
 height: 100%;
 background: #ffffff;
 
}

@media screen and (min-width:376px) and (max-width:768px) {
#aside {
 width: 100%; /* Ширина правой колонки */
 float: top;
 height: 0%;
 background: #fff;
 
} }

@media screen and (min-width:240px) and (max-width:375px) {#aside {
 width: 100%; /* Ширина правой колонки */
 float: top;
 height: 0%;
 background: #fff;
 
}}