body {
      margin: 0;
      padding: 0;
      font-family: 'Montserrat', sans-serif;
      font-size: 20px;
    }

    .grid-container {
      display: grid;
      grid-template-rows: auto 1fr auto;
      grid-template-columns: 300px 1fr;
      height: 100vh;
      grid-template-areas:
        "header header"
        "aside main"
        "footer footer";
    }

    header {
    grid-area: header;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    padding: 1.5rem;
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    }

    footer {
      grid-area: footer;
      text-align: center;
      padding: 1rem;
      font-size: 0.9rem;
      border-top: 1px solid #ccc;
    }

    footer p {
      margin: 0.3rem 0;
    }

    aside {
      grid-area: aside;
      padding: 1rem;
    }

    main {
      grid-area: main;
      padding: 1rem;
      border-left: 1px solid #ccc;
    }

    h2 {
      margin-top: 1rem;
      border-bottom: 1px solid #ccc;
      padding-bottom: 0.3rem;
      color: #000;
    }

    p, li {
      margin: 0.3rem 0;
    }

    ul {
      padding-left: 1rem;
    }

    ul.links {
      list-style: none;
      padding-left: 0;
    }

    ul.links li a {
      color: #0077cc;
      text-decoration: none;
      word-break: break-word;
    }

    ul.links li a:hover,
    a:hover {
      text-decoration: underline;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

i{margin-right: 6px;}
#contacts {border-bottom: 1px solid #ccc;}
.intro {text-indent: 1.5rem;text-align: justify;}
#title{grid-column:2;text-align:center;}
.lang-switcher {grid-column:3;justify-self:end;}
.lang-switcher a {padding: 10px 15px;background: #667eea;color: white;text-decoration: none;border-radius: 5px;}
.lang-switcher a:hover {background: #764ba2;}