.mainstyle {
    flex-direction: column;
    display: block;
    unicode-bidi: isolate;
    position: relative;
    margin: auto;
    float: top;
    max-width: 23em;
    padding-left: 1.5em;
    padding-right: 1.5em;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.mainstyle p {
    font-family:'arial narrow';
    text-align: left;
    margin-bottom: 2em;
    font-size: 0.6em;
}
.mainstyle h1 {
    font-family:'arial narrow';
    text-align: center;
    font-size: 0.8em;
}
.mainstyle h2 {
    font-family:'arial narrow';
    text-align: center;
    font-size: 0.75em;
}
.mainstyle h3 {
    font-family:'arial narrow';
    text-align: center;
    font-size: 0.7em;
}
.mainstyle h4 {
    font-family:'arial narrow';
    text-align: center;
    font-size: 0.65em;
}

.mainimage {
    /* border:1px solid black; */
    display: flex;
    float: center;
    margin: auto;
    /* width: 15em; */
    /* height: 300px; */
    max-width: 30%;
    flex-direction: column;
}
.mainimage img {
    width: 100%;
    height: 100%;
}
.mainimage p {
    text-align: center;
    font-family:'arial narrow';
}
/* ТЁМНАЯ ТЕМА */
body {
    background-color: #050505;
    font-family: Inter, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 1.2em;
    color: #dadada;
    font-feature-settings: 'case', 'ss01', 'ss04';
}
head {
    background-color: #000000;
    font-family: Inter, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    color: #dadada;
    font-feature-settings: 'case', 'ss01', 'ss04';
}

ul {
    list-style-type: square;
    font-size: 0.6em;
}

ol {
    font-size: 0.6em;
}

span {
    font-size: 0.9em;
}

code {
    font-size: 0.9em;
}

figcaption {
    font-size: 0.5em;
}

/* СВЕТЛАЯ ТЕМА */
/* body {
    background-color: #fff;
    font-family: Inter, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 14pt;
    color: #333;
    font-feature-settings: 'case', 'ss01', 'ss04';
}
head {
    background-color: #fff;
    font-family: Inter, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    font-size: 14pt;
    color: #333;
    font-feature-settings: 'case', 'ss01', 'ss04';
} */


a {
    color: inherit;
    text-decoration: none;
}
a:link {
    color:#f80d0d
}
a:hover {
    border-bottom: 1px solid;
}
a:visited {
    color:#d35f00
}
a:active {
    color:rgb(255, 43, 43)
}
hr {
    color: rgb(180, 180, 180);
    background-color: rgb(180, 180, 180);
    height: 2px;
    border: none;
    width: 80%;
}
#hr_vertical {
    width: 0;
    border-left: 2px solid rgb(180, 180, 180);
}

/* НИЖЕ ИДЁТ НЕИСПОЛЬЗУЕМЫЕ ТЕСТОВЫЕ КЛАССЫ И АЙДИШНИКИ */

#mainhead {
    border: 3px ridge rgb(217, 243, 237);
    background-color: rgb(217, 243, 237);
    display: flex;
    flex-direction: column;
}
#mainhead p {
    font-family:'arial narrow';
    text-align: center;
}
#mainhead h1 {
    font-family:'arial narrow';
    text-align: center;
}
#mainhead h2 {
    font-family:'arial narrow';
    text-align: center;
}

blockquote {
    font-style: italic;
    text-align: center;
    margin: 7px 7px 7px 7px;
}
#blockquote-list {
    border: 1px dashed #999;
    padding: 0 1em;
    background-color: #f4f4f4;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
    unicode-bidi: isolate;
}


#maintext {
    display: flex;
    padding: 1px 12px;
    flex-direction: column;
}
#maintext h1 {
    text-align: center;
    font-family:'arial narrow';
}
#maintext p {
    text-align: left;
    font-family:'arial narrow';
}



#blockquote {
    margin: 16px 0;
    border: 1px solid #dcdcdc;
    background: white;
    box-shadow: 0 2px 3px #ccc;
    position: relative;
    overflow: hidden;
}
#blockquote h1{
    margin: 7px 7px 7px 7px;
}
#blockquote p{
    margin: 12px 7px 12px 12px;
}




#rowsstart {
    display: flex;
    flex-direction: row;
}
#columnsstart {
    display: flex;
    flex-direction: column;
}



#mainlinks {
    border:1px solid black;
    display: flex;
    padding: 1px 12px;
    flex-direction: column;
}
#mainlinks p {
    text-align: left;
    font-family:'arial narrow';
}
#mainlinks h1 {
    text-align: center;
    font-family:'arial narrow';
}


#mainimage {
    border:1px solid black;
    display: flex;
    float: right;
    margin: 7px 0 25px 7px;
    width: 50%;
    height: 50%;
    flex-direction: column;
}
#mainimage img {
    width: 100%;
    height: 100%;
}
#mainimage p {
    text-align: center;
    font-family:'arial narrow';
}