body, html {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    background-color: aliceblue;
}

header {
    background-color: #08166c;
    padding: 10px;
    text-align: center;
    color: white;
}

.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
    width: 1200px; /* Фиксированная ширина контейнера */
}
.card-link-main{
        text-decoration: none;
    color: black; /* Цвет текста */
    width: auto; /* Фиксированная ширина карточки */
    margin: 10px;
    background-color: white;
}
.card-link {
text-decoration: underline;
color: rgb(0, 70, 210);
width: auto;
margin: 5px;
display: block;
}

.card{
    width: 33%;
}
.card-info{
    background-color: white;
padding: 10px 20px;
border: 1px solid grey;
text-align: left;
width: 320px;
margin: 0 auto;
box-sizing: border-box;
}

hr{
    width: 318px;
margin-left: -21px;
}
.card img {
    width: 320px; /* Фиксированная ширина изображения */
    border-bottom: 2px dashed #08166c;
    object-fit: cover; /* Обрезка изображения по размеру блока */
    display: block;
    margin: 0 auto;
}
.card-link:hover{
color: rgb(210, 0, 0);
}


h3{
margin-block-start: 0;
margin-block-end: 0;
    margin-top: 10px;
margin-bottom: -5px;
text-align: center;
}
h1 span{
    border-bottom: 2px solid white;
}
h1 a{
    text-decoration: none !important;
    color: rgb(169, 182, 212) !important;
    transition: 0.5s;
}
h1 a:hover{
    background-color: rgb(169, 182, 212) !important;
    text-decoration: none !important;
    color: white!important;
}
p{
    display: flex;
text-align: left;
justify-content: space-between;
}
p span:last-child{
    text-align: right;
}