.navbar-nav .nav-link {
    color: rgba(72,61,139,1) !important;
}

.navbar-nav .nav-link:hover {
    color: rgba(25,25,112,.5) !important;
}

body {
    font-family: 'Lato', sans-serif;
}

.btn-primary{
    --bs-btn-bg: #99397f
}

.navbar-collapse{
    flex-grow: 0;
}

#blogtitle {
    font-size: 6rem;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}


@media (min-width: 992px) {
    #hometext {
        font-size: 2rem;
    }
    #blogdetailtitle {
        font-size: 5rem;
    }
}

	ul#menu li{
        display:inline-block; /* расположить пункты горизонтально */
    }

    #menu, #menu li {
       margin: 0;
       padding: 0;
    }

    #menu {
       text-align: center; /* пункты и текст горизонтально по центру */
       /*background: #D3D4DA;*/
    }

    #menu li{
        display:inline-block;
        text-align: center;
	}

    #menu a {
       display: block;
       /*padding: 5px 15px;
       color: #fff;
       font-size:150%;*/
       text-decoration: none;
	   color: rgba(72,61,139,1);
	   padding: 5px;
	   font-family: 'Lato', sans-serif;
    }

    #menu a:hover {
        background: #DCDDE1;
    }



.rectangle {
counter-reset: li; 
list-style: none; 
/*font: 14px "Trebuchet MS", "Lucida Sans";*/
font-family: 'Lato', sans-serif;
padding: 0;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.rectangle a {
position: relative;
display: block;
padding: .4em .4em .4em .8em;
margin: .5em 0 .5em 2.5em;
background: #D3D4DA;
color: #444;
text-decoration: none;
transition: all .3s ease-out;
}
.rectangle a:hover {background: #DCDDE1;}       
.rectangle a:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -2.5em;
top: 50%;
margin-top: -1em;
background: #9097A2;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
font-weight: bold;
}
.rectangle a:after {
position: absolute;
content: "";
border: .5em solid transparent;
left: -1em;
top: 50%;
margin-top: -.5em;
transition: all .3s ease-out;
}
.rectangle a:hover:after {
left: -.5em;
border-left-color: #9097A2;
}