@import url('header.css');
@import url('footer_basic.css');
@import url('sectors_b.css');


* {margin: 0; padding: 0;}
p {font-family: "Lora"; font-size: 19px; line-height: 1.5; color: black}
h {font-family: "Lora";}
a {font-family: "Lora"; text-decoration: none; color: black}
body {height: auto;}

.content {width: 1700px; min-height: 100vh; height: auto; margin: 0 auto 0 auto; text-align: center; padding: 60px 25px 30px 25px; background-color: #FDFFF5; box-shadow: 0 0 5px; font-size: 21px;}
.infa {box-shadow: 0 0 2px; background-color: #ffffff; padding: 10px 17px 17px 17px; text-align: justify; font-family: "Lora"; font-size: 19px;}

.spiski {margin: 15px 0 10px 0; padding: 10px 17px 17px 17px; display: grid; grid-template-rows: auto auto; grid-template-columns: auto 450px 450px 450px auto; gap: 10px; background-color: #ffffff; box-shadow: 0 0 2px;}
#grid1 {grid-row-start: 1; grid-column-start: 1; grid-row-end: 2; grid-column-end: 6;}
#grid2 {grid-row-start: 2; grid-column-start: 1; grid-row-end: 3; grid-column-end: 2;}
#grid3 {grid-row-start: 2; grid-column-start: 2; grid-row-end: 3; grid-column-end: 3;}
#grid4 {grid-row-start: 2; grid-column-start: 3; grid-row-end: 3; grid-column-end: 4;}
#grid5 {grid-row-start: 2; grid-column-start: 4; grid-row-end: 3; grid-column-end: 5;}
#grid6 {grid-row-start: 2; grid-column-start: 5; grid-row-end: 3; grid-column-end: 6;}

.ar {text-decoration: none; font-size: 21px; color: black}
.ar:hover {display: inline-block; transform: scale(1.01); transition: 0.15s; text-shadow: 4px 4px 3px #a2d4df; border-bottom: dashed; border-width: 1px;}

.arred {text-decoration: none; font-size: 21px; color: red}
.arred:hover {display: inline-block; transform: scale(1.01); transition: 0.15s; text-shadow: 4px 4px 3px #a2d4df; border-bottom: dashed; border-width: 1px;}


.zagolovki15 {text-align: center; font-size: 15px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki16 {text-align: center; font-size: 16px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki17 {text-align: center; font-size: 17px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki18 {text-align: center; font-size: 18px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki19 {text-align: center; font-size: 19px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki20 {text-align: center; font-size: 20px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki21 {text-align: center; font-size: 21px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki22 {text-align: center; font-size: 22px; font-weight: bold; padding: 5px 0 5px 0}
.zagolovki23 {text-align: center; font-size: 23px; font-weight: bold; padding: 5px 0 5px 0}

.rez::-webkit-scrollbar {width: 13px; height: 7px; background-color: #CFD4E8; border-radius: 5px; cursor: pointer;}
.rez::-webkit-scrollbar-thumb {border-radius: 5px; background: linear-gradient(180deg, #00c6fb, #005bea); cursor: pointer;}
.rez::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px; background-color: #f4f4f2; cursor: pointer;}

.text_s_indent {text-indent: 30px;}


#years {display: flex; flex-wrap: wrap; width: 1600px; height: auto; margin: 15px 50px 15px 50px;}
.year {width: 110px; height: 29px; margin: 5px 10px 5px 10px; border: 1px solid #6A7793; border-radius: 5px; background: #FFFFFF; font-family: "Lora";}
.sslkyear:hover {transition: 0.3s; text-shadow: 4px 4px 3px #a2d4df; transform: scale(1.1);}
.sslkref:hover {transition: 0.3s; text-shadow: 4px 4px 3px #a2d4df; text-decoration: underline}

#authors {display: flex; flex-wrap: wrap; width: 1600px; height: auto; margin: 15px 50px 15px 50px;}
.author {width: 50px; height: 29px; margin: 5px 10px 5px 10px; border: 1px solid #6A7793; border-radius: 5px; background: #FFFFFF; font-family: "Lora";}
.sslkauthor:hover {transition: 0.3s; text-shadow: 4px 4px 3px #a2d4df; transform: scale(1.1);}
.sslauthor:hover {transition: 0.3s; text-shadow: 4px 4px 3px #a2d4df; text-decoration: underline}

#spisok_avtorov {display: flex; flex-wrap: wrap; width: 1600px; height: auto; margin: 15px 50px 15px 50px;}
.avtori {width: 300px; height: 33px; margin: 5px 10px 5px 10px; border: 1px solid #6A7793; border-radius: 5px; background: #FFFFFF; font-family: "Lora"; text-align:center}
.avtori:hover {transition: 0.3s; text-shadow: 4px 4px 3px #a2d4df; text-decoration: underline}

#infaauthor{display: grid;  grid-template-columns: 300px 1250px; gap: 50px; width: 1600px; height: auto; margin: 15px 50px 15px 50px;}
.paut {border: 1px solid #6A7793; border-radius: 5px; font-size: 23px; padding: 5px 7px 5px 7px; text-align:justify; background-color: #ffffff;}
#paut1 {display: flex; align-items: center; justify-content: center;}

#sslkall:hover {transition: 0.3s; text-shadow: 4px 4px 3px #a2d4df; font-size: 21px;}

#rez {width: 1600px; height: 300px; overflow: scroll; margin: 30px auto 15px auto; padding: 30px 30px 30px 30px; box-shadow: 0 0 5px; background-color: #FFFFFF; overflow-x: hidden; font-size: 19px; text-align: justify}

#rez::-webkit-scrollbar {width: 8px; height: 7px; background-color: #CFD4E8; border-radius: 10px;}
#rez::-webkit-scrollbar-thumb {border-radius: 10px; background: linear-gradient(180deg, #00c6fb, #005bea);}
#rez::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); border-radius: 10px; background-color: #f4f4f2;}

#bar_s_logo {text-align: right; padding-right: 30px}
#bar_s_chasami {text-align: left; padding-left: 30px}

.text_s_indent {text-indent: 30px;}

#bar_s_logo {text-align: right; padding-right: 30px}
#bar_s_chasami {text-align: left; padding-left: 30px}

#poisk {text-align: center; margin: 23px}
#poisk_1 {text-align: center; margin: 17px}

#poisk_1 input {width: 450px; height: 35px; padding-left: 10px; border: 1px solid #6A7793; border-radius: 5px; outline: none;}
#poisk_1 button {width: 190px; height: 35px; border: 1.5px solid #6A7793; border-radius: 5px; background: #F9F7FA; cursor: pointer;}
#poisk_1 button:hover {width: 190px; height: 35px; border: 1.5px solid #6A7793; border-radius: 5px; background: #D0C9D0; cursor: pointer;}
.text1 {text-decoration: none; font-size: 15px}

#redactor {padding-bottom: 39px ; text-align: center}
#redactorsslk {display: inline-block; text-decoration: none; font-size: 19px; text-align: center; color: black}
#redactorsslk:hover {transition: 0.3s; text-shadow: 4px 4px 3px #a2d4df; transform: scale(1.1);}
#refer {text-align: justify}

#refer_aut {width: 1560px; margin: 30px auto 30px auto; border: 1px solid #6A7793; border-radius: 5px; background: #FFFFFF; padding: 10px 20px 10px 20px; text-align: justify}