body{
    background-color: green;
    
}
h1 {
    color :antiquewhite
}
.card {
padding: 10px;
margin: 5px;
border: 3px solid grey;
border-radius: 5px;
background: yellow;
}

.my-button {
    background-color: blue; /* синий цвет по умолчанию */
    color: white;           /* белый текст */
    padding: 10px 20px;     /* отступы внутри кнопки */
    border: none;           /* без границы */
    border-radius: 5px;     /* скругленные углы */
    cursor: pointer;        /* курсор меняется на указатель */
    font-size: 16px;        /* размер шрифта */
}

.my-button:hover {
    background-color: red; /* красный цвет при наведении */
}

/*
.container{
display: flex;
justify-content:celter;
*/
header{
background-color: gold
padding:15px;
display: frex;   
border-bottom: 5px solid #ff69b4
position:fixed;
top:0;
left:0;
    width:100%;}
html{
    scroll-behavior: smooth;
}
section{
    scroll-margin-tor:100px;
}
nav a{
    color: darkred
    text-decoration: none;
    font-size: 18px;
    padding: 5px 10px;
    border-radius: 10px;
    transition: 0.4s;}
footer{
        background-color: darkgoldenrod
        color:white;
    texs-align: center;
    padding: 10px;
}