﻿.sidebar {
    width: 200px;
    position: absolute;
    top: 120px;
    left: 20px;
    background: rgba(255, 255, 255, 0.7);
    padding: 15px;
    border-radius: 10px;
    box-shadow: 3px 3px 20px rgba(255, 255, 255, 0.5);
    }
.sidebar h2 {
    font-family: 'Itim';
	margin: 0;
    }
.item {
    display: flex;
    align-items: center;
    padding: 10px;
    margin: 5px 0;
    border-radius: 5px;
    transition: background-color 0.3s, transform 0.3s;
    }	
.item a {
    color: inherit; /* Включает использование цвета текста родительского элемента */
    background-color: transparent; /* Убирает фоновый цвет ссылок */
    font: inherit; /* Использует шрифт родительского элемента */
    text-decoration: none; /* Убирает подчеркивание ссылки */
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0 0;
	cursor: pointer; /* Изменяет курсор на указательный при наведении */
    }
.item img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
    border-radius: 25%;
    filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.7));
    }
.item h3 {
    font-family: 'Itim';
	margin: 0;
    }
.item:hover {
    background-color: rgba(173, 216, 230, 0.5);
    transform: scale(1.05);
	}
