body {
    background-color: lightgoldenrodyellow;
}
button {
    background-color: chocolate;
    color: black;
    font-size: 20px;
}
h1 {
    color: black
    }
h2 {
    color: brown
    }
h3 {
    color: orange
    }
.card {
	padding: 20px;
	margin: 15px;
    }
.my-button {
    background-color: blue;
    color: orange;
    }
    
.my-button:hover {
background-color: red;
    cursor: pointer;
}
    .my-button:active {
        background: red;
    }

html{
    scroll-behavior:smooth;
}

section{
    scroll-margin-top:100px;
}

header {
    background-color: green;
    padding: 15px;
    display: flex;
    border-bottom: 5px solid blue;
    position: fixed;
    top:0;
    left:0;
    width:100%
}

footer {
    background-color: purple;
    color:blueviolet;
    text-align: black
    padding: 10px;
}
body{
    font-family:"Comic Sant MS",sans-serif;
}