/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */
body {
background-color: #7B6D8D;
background: linear-gradient(#474973,#161B33, #0D0C1D);
font-family: Arial, Helvetica, sans-serif, monospace; 
margin: 0 auto;
max-width: 100vw;
min-height: 100vh;
}

    /* ---------- РАМКА ---------- */
main{
    display: flex;
    height: 100vh;
    place-items: center;
}

    /* ------------ Основные блоки (левый\середина\правый) -------------*/
#osn{
margin: 30em auto;
width: 80%;
max-width: 800px;
display:grid;
gap: 5px;
    border: 5px solid #A69CAC;
    background-color: #474973;
grid-template-columns: 1fr 1fr;
flex: 1 1 50%;
}


h1 {
color: #A69CAC;
text-align: center;
}
h5 {
color: #A69CAC;
text-align: left;
font-size: 15px;
}
li {
font-size: 15px;
}
p {
color: #F1DAC4;
font-family: monospace;
text-align: center;
}
a {
color: #A69CAC;
text-align: left;
font-size: 16px;
text-decoration: none;
}


#w{
font-size: 18px;
}
#down{
color: #45462A #17255A #8D8E8E #A3A9AA #BBBBBF;
color:#020887 #334195 #647AA3 #95B2B0 #C6EBBE #00100B #4E5340;
color: #191716 #440D0F #603A40 #84596B #AF9BB6;
color: #F1DAC4 #A69CAC #474973 #161B33 #0D0C1D;
color: #BCABAE #0F0F0F #2D2E2E #716969 #FBFBFB;
color: #1C2321 #7D98A1 #5E6572 #A9B4C2 #EEF1EF ;
color: #E2DADB #DAE2DF #A2A7A5 #6D696A #FFFFFF;
color: #36151E #593F62 #7B6D8D #8499B1 #A5C4D4;
color: #000F08 #1C3738 #4D4847 #F4FFF8 #8BAAAD;
}

    /* ------------ Текстовый блок посередине -------------*/
.basis {
    max-width: 100%;
    max-height: 100%;
background-color: black;
border: 1px dashed #A69CAC;
text-align: center;
display: flow-root;
position: relative;
}
.wrapper {
    margin-bottom: auto;
    width: 100%;
    border: 2px solid #A69CAC;
    display: grid;
    border-radius: 3px;
}
.box1 {
    width:auto;
}


    /* ------------ Боковые панели -------------*/

#leftUp{
    padding: 0 5%;
    margin: 0;
    background-color: black;
    border: 2px dashed #A69CAC;
}
#leftUp ul{
    list-style-type: none;
    padding: 0.5em 0;
    margin: 0;
}
#leftUp li {
    font-size: 1.2em;
    display: inline-block;
    margin-right: 1.5em;
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}
.rightUp{
    max-width: 100%;
    max-height: 100%;
    background-color: black;
    border: 1px dashed #A69CAC;
    text-align: center;
}

footer{
    margin-bottom: auto;
    display: block;
}