* {
font-family: Arial, Helvetica, sans-serif;
}
body{
background-color: #0d1b2a;
margin: 0;
}

header{
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.logo{
width: 40px;
height: 40px;
border-radius: 50%;
background: center/cover url("/site/materials/a.png");
filter: brightness(0) invert(66%) sepia(17%) saturate(700%) hue-rotate(150deg);

}
main{
color:#f5f5dc;
padding: 10px ;
text-align: left ;
font-size: ;
width: 600px;
border-radius: 20px;
transition: box-shadow 0.3s ease;
box-shadow: none;
margin-left: 600px;
margin-right: 600px;
padding: 2rem;
background-color: #1e2a38;
}

.navbar{
width:70%;
position: relative;
margin-bottom: 100px;
margin-left: 235px;
background-color:#1e2a38;
display: flex;
justify-content: space-between ;
align-items: center; 
padding: 15px 50px;
border-radius: 11px;
transition: box-shadow 0.5s ease;
box-shadow: none;
height: 14px;
}

.navlist li a {
text-decoration: none; color: #f5f5dc;
transition: color 0.3s ease;
}

abbr{
text-decoration: none;
}

h1{
text-align: center;

}
h2{
    color: #e0e0e0;
}
h3 {
color: #e0e0e0;

}

p{
font-weight: 400;
}




/* Анимации и Ховеры */
main:hover{
box-shadow: 0px 0px 20px #e0e0e0;
}
main:active{
box-shadow: 0px 0px 20px #e0e0e0;
}

.navbar:hover{
box-shadow:0px 0px 20px #e0e0e0;
}
.navbar:active{
box-shadow: 0px 0px 20px #e0e0e0;
}
.navlist{
border-radius: 15px;
border: 0px solid #30aec8;
list-style:none;
display: flex;
justify-content: center;
gap: 1rem;
margin: 2px;
padding: 0;
}

.navlist li {
transition: transform 0.3s ease;

}
.navbar li:hover{
transform: scale(1.1);
border-radius: 10px;
}
 
.navlist li a:hover{
transform: scale(1.1);
color: #5fe6c4;
}
/* конец */




footer{
text-align: center;
color: rgb(153, 150, 150);
font-size: 14px;

}
@media (max-width: 600px){
.navbar{
    flex-direction: column;
}
.navlist{
    flex-direction:column;
}
 }
@media (max-width:1600px) {
main{ 
font-size: 1.5rem;
padding: 3rem;

}

}