*,
*:before,
*:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}:root {
    --volga: #6f6a6c;
    --volga-middle: #766F6E;
    --sky: #8E9CAD;
    --sky-middle: #766F6E;
    --text: #e0e3e9;
    --main: #A2A4E6;
     --header: #5f62cc;
     --darktext: #404e79;
}
 body {
     font: 18px/1.7 'Open Sans', sans-serif;
     color: var(--text);
 }
header {
    background: #545689;
    /*background-image : url("/images/bgv161025.png");*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background: linear-gradient(*/
    /*135deg,*/
    /*rgba(255,255,255,0.2) 0%,*/
    /*rgba(255,255,255,0.6) 100%*/
    /*);*/
    
}
.wrapper-header {
    margin: 0 auto;
    display: grid;
    text-align: center;
    gap: 2rem;
    place-items: center;
    align-content: center;
    min-height: 100vh;
    max-width: 700px;
}
a {
    color: #fff;
    text-decoration: none;
    border: 2px;
    border-radius: 20px;
    background: #30d41b;
    padding: 0.2rem 1rem 0.2rem 1rem;
    /* padding: 10px;    */
}

:link:hover {
    box-shadow: 5px 5px 50px #009000;
}
main {
    display: grid;
    min-height: 100vh;
    background: var(--main);
}
.main-wrapper {
    max-width: 900px;
    margin: 0 auto;
    display: grid;
    place-items: center;
}
.items {
    font: 18px/1.7 'Open Sans', sans-serif;
}
article {
    margin: 2rem;
}
.description {
    color: var(--darktext);
    text-align: justify-all;
}
h3 {
    color: var(--darktext);
    text-align: center;
}
.items {
    color: var(--darktext);
}


h1, h2 {
    font-size: 18px;
}