body {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFF0F5;
}

/* Стили для header (шапка сайта) */
header {
    display: flex;
    align-items: center; /* Выравниваем элементы по центру */
    background-color: #e6f5ff;
    padding: 10px;
    border-bottom: solid 1px white;
}

/* Логотип слева */
header img {
    width: 40px; /* Размер логотипа */
    height: auto;
    margin-right: 10px; /* Отступ справа от логотипа */
}

/* Заголовок рядом с логотипом */
header h1 {
    letter-spacing: 0.1cm;
    margin: 0;
}

/* Основные стили для навигации */
nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex; /* Делаем меню горизонтальным */
}

nav ul li {
    position: relative;
    width: 130px;
    text-align: center;
    background-color: #ffb3be;
    border: solid white 1px;
    margin-right: 10px;
    padding: 10px;
}

/* Ссылки в меню */
nav a {
    text-decoration: none;
    color: black;
    display: block;
}

/* Эффект при наведении */
nav li a:hover {
    background-color: #ff99aa;
}

/* Стили для выпадающего меню */
.menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100%; /* Появляется под родительским элементом */
    left: 0;
    width: 130px;
    background-color: #ccc;
    display: none; /* По умолчанию скрыто */
}

/* Показываем подменю при наведении */
nav ul li:hover > .menu ul {
    display: block;
}

/* Оформление текста в выпадающем меню */
.menu ul li {
    width: 100%;
    background-color: #ffccd5;
}

.menu ul li a {
    padding: 8px;
    display: block;
}

/* Стили для блоков "Õpilase info" */
.õpilase-info {
    border: solid 2px #ff99aa;
    padding: 20px;
    margin-top: 20px;
    background-color: #fff;
}

/* Разделение двух блоков */
.õpilase-info:first-child {
    border-right: solid 2px #ff99aa;
}

/* Выравнивание текста */
.õpilase-info p {
    text-align: justify;
    font-size: 16px;
}

.menu .dropdown {
    display: none; /* По умолчанию скрыто */
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
}

.menu li:hover .dropdown {
    display: block; /* Показываем подменю при наведении */
}
.info-box {
    border: 1px solid black; /* Черная рамка */
    border-radius: 15px; /* Скругленные углы */
    padding: 20px; /* Отступы внутри рамки */
    background-color: #ff99aa;
    color: white; /* Белый текст */
    width: 300px; /* Ширина блока (можно менять) */
    margin: 20px auto; /* Отступы сверху/снизу и центрирование */
}
main section {
    margin:20px;
    width:30%;
    border: 1px dotted black;
    border-radius: 30px;
    padding:2%;/*vahe tekstist ääriseni*/

}