@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.ttf");
    font-weight: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Bold.ttf");
    font-weight: bold;
}

*
{
    margin: 0;
    padding: 0;
}

body
{
    font-family: "Montserrat";
    font-weight: normal;
}

a
{
    text-decoration: none;
}

img
{
    max-width: 100%; /* Максимальный размер изображения не больше родительского блока */
}

.container {
  width: 100%; /* Occupy full width by default */
  max-width: 2000px; /* Limit maximum width for larger screens */
  margin-left: auto; /* Center the container horizontally */
  margin-right: auto; /* Center the container horizontally */
}

/* Header*/

.nav-link
{
    font-family: "Montserrat";
    font-weight: normal;
    color: black;
    text-decoration: none;
    vertical-align: middle;
}

.nav-item
{
    display: inline-block;
    margin-left: 60px;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
    transition: all 300ms ease;
}

.head
{
    height: 68px;
    box-shadow: 0px 4px 5px #8D8B8B;
    border-color: rgba(2, 2, 2, 0.2);
    border-bottom: 5px;
    min-width: 1200px;
}

.nav-item:hover
{
    transform: scale(1.1);
}

.logo
{
    font-family: "Montserrat";
    font-weight: normal;
    font-size: 40px;
    margin-left: 20%;
}

.nav-panel
{
    width: 60%;
    float: right;
}

/* Header end*/

.main-content
{
    height: auto;
}

.left-panel
{
    width: 10%;
    height: fit-content;

    background-color: aquamarine;
}

.footer
{
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.right-panel
{
    width: 10%;
    height: fit-content;

    background-color: blue;
}