:root {
    --mgppu-blue: #006CB7;
    --mgppu-red: #ED1B2F;
    --mgppu-darkred: #89292D;
    --mgppu-pink: #F05B7D;
    --mgppu-purple: #91538A;
    --mgppu-green: #8DC63F;
    --mgppu-darkgreen: #59AA47;
    --mgppu-yellow: #FFC460;
    --mgppu-orange: #FDAB09;
    --mgppu-lightblue: #A7EEFF;
    --mgppu-gray: #3E4247;
    --mgppu-darkblue: #00223F;
}
@font-face {
    src: url("../Font/Inter-VariableFont_slnt,wght.ttf");
    font-family: Inter;
}
* {
    font-family: Inter;
}
/*
::-webkit-scrollbar {
    width: 3px;               !* ширина scrollbar *!
}
::-webkit-scrollbar-track {
    background-color: #ffffff;    !* цвет дорожки *!
}
::-webkit-scrollbar-thumb {
    background-color: var(--mgppu-gray); !* цвет плашки *!
    border-radius: 3px;!* закругления плашки *!
    border: none;  !* padding вокруг плашки *!
}*/
::-webkit-scrollbar {
    width: 0;
}

body {
    margin: 0 auto;
}

.menu {
    height: 15vh;
}

.pagesNav {
    margin-top: 2vh;
    margin-left: 1vw;
    margin-bottom: 1vh;
    display: flex;
    align-items: flex-start;
}

.pagesNav .structure {
    display: flex;
    flex-direction: row;
    color: var(--mgppu-blue);
}

.pagesNav .structure a {
    padding: 0 0.5vw 0 0.5vw;
    text-decoration: none;
    cursor: pointer;
}

.pagesNav .structure a:hover {
    border-bottom: 1px solid var(--mgppu-blue);
}

.pagesNav .structure a:visited {
    color: var(--mgppu-blue);
}

.pagesNav .structure .currentPage {
    padding: 0 0.5vw 0 0.5vw;
    color: var(--mgppu-gray);
}

h1:hover {
    cursor: pointer;
}
@media (max-device-width: 768px) {
    .photoGradient {
        height: 20vh;
        width: 100vw;
    }

    .pagesNav .structure {
        font-size: smaller;
    }

    .pagesNav .structure .homePage img {
        height: 2vh;
    }
}