/* Основные стили */
body {
    font-family: 'Ubuntu', sans-serif;
    /* height: 100vh; */
    /* min-height: 600px; */
    /* display: flex; */
    /* flex-direction: column; */
    color: #344A5E;
}
a{color: #344A5E; text-decoration: underline;}
a:hover{color: #344A5E; text-decoration: none;}

/* Параметры */
.break {display: inline;}
.code {text-decoration: underline dotted #00acdc;}
.code:hover{color: #00acdc;}

/* Стили и оформление блоков */
.main{max-width: 900px; margin: 0px auto; padding-top: 250px;}
.main .logo{text-align: center;}
.main h1{text-align: center;}
.main p{text-align: center;}
.main .shedevr-services{text-align: center; font-weight: 800; color: #00acdc;}
.main .mt-50{margin-top: 50px;}
.main ul{list-style: none; margin: 100px 0px 0px 0px; padding: 0px; display: flex; justify-content: center;}
.main ul li{margin: 0 7px;}
.main ul li div{width: 20px; padding: 8px; border-radius: 50%; font-size: 0px;}
.main ul li div:hover{background: rgba(0,172,220,1);}
.main ul li div .icon{fill: #00acdc; stroke: #00acdc;}
.main ul li div:hover .icon{fill: white; stroke: white;}
.shedevr-copyright{text-align: center; font-size: 14px;}

/* Мобильная вёрстка */
@media (max-width: 768px) {
    .main{padding-top: 50px;}
    .main .mt-50{margin-top: 70px;}
    footer {
        padding: 0 0 20px 0; /* Дополнительный отступ для удобства на мобильных устройствах */
        position: fixed;
        width: 100%; /* Элемент занимает всю ширину экрана */
        bottom: 0; /* Закрепляем элемент внизу страницы */
        left: 0;
        z-index: 100; /* Устанавливаем z-index, чтобы элемент был поверх другого контента */
    }
    .shedevr-copyright span{display: block;}
    .break {display: block;}
}