@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;}
h {font-family: "Lora";}
a {text-decoration: none;}
body {height: auto;}

#hash {margin-top: 250px}
#password {width: 330px; height: 35px; padding-left: 10px; border: 1px solid #6A7793; border-radius: 5px; outline: none; font-size: 18px; margin-top: 15px}

.content {width: 1700px; min-height: 95vh; height: auto; margin: 0 auto 0 auto; text-align: center; padding: 10px 25px 30px 25px; background-color: #e1e3e4; box-shadow: 0 0 5px; font-size: 21px;}
.pole {width: 330px; height: 35px; padding-left: 10px; border: 1px solid #6A7793; border-radius: 5px; outline: none; font-size: 18px; margin-top: 15px}
#center {margin-top: 210px; font-weight: bold; font-family: "Lora";}

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

#polzovatel {padding: 45px 100px 15px 100px; width: 1500px;}
#redaktor {font-size: 23px;}

#knop {display: grid; grid-template-columns: 375px 375px 375px 375px;}
#auhor {display: grid; grid-template-columns: auto 375px 375px auto}


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

.knpk {width: 230px; height: 35px; font-size: 21px; font-weight: bold; border: 1px solid #353e52; border-radius: 5px; outline: none; font-family: "Lora";}
.knpk:hover {cursor: pointer; background-color: #528e86; color: white; border: 1px solid #353e52;}

.panel {display: grid; grid-template-columns: 250px 250px 250px; text-align: center; margin-left: 575px}

.knopka {width: 210px; height: 35px; padding-left: 10px; border: 1px solid #353e52; border-radius: 5px; font-weight: bold;  outline: none; font-size: 21px; margin-top: 15px; margin-bottom: 30px; font-family: "Lora";}
.knopka:hover {cursor: pointer; background-color: #528e86; color: white; border: 1px solid #353e52;}

.ph {color: #c33124; font-size: 19px;}

.pan {color: #c33124; font-size: 16px;}

.ppla {color: #374709; font-size: 16px;}

.pfun {color: #583E26; font-size: 16px;}

#rez {width: 1450px; height: 45vh; overflow: scroll; margin: 15px auto 0px auto; padding: 30px 30px 30px 30px; box-shadow: 0 0 5px; background-color: #FDFFF5; overflow-x: hidden; text-align: left;}

#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;}

#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}

.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}


.text_s_indent {text-indent: 30px;}

#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}