body {
	background-color: lightblue;
}
button {
	background-color:red ;
	color:orange;
	font-size:20px;
}
h1 {
    color: #33CCCC;
    font-size:40px;
}
p {
		color: green;
		font-size:20px;
}
main {
		color: yellow;
		font-size:24px;
}
ul {
		color: gold;
		font-size:24px;
}
footer {
	color: red;
	font-size:24px;
}	
.card {
    padding: 20px;
    margin: 15px;
    border: 2px solid #8D6DD7
    border-radius: 20px;
    background: #bc41d5;
}
.my-button {
	background-color: blue;
	color: gold;
	padding: 10px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
}

.my-button:hover {
	background-color: red;
	transform: scale(1.1);
}
html {
	scroll-behavior:smooth;
}
section {
	scroll-margin-top:100px;
}
header {
	background-color: blue;
	padding:15px;
	display:flex;
	border-bottom:6px solid #9D3ED5;
	position:fixed;
	top:0;
	left:0;
	width:100%;
}

nav{
	width: 100%;
}

nav a {
	color: gold;
	text-decoration:none;
	font-size:20px;
	padding:5px 10px;
	border-radius: 12px;
	transition:0.3s;
}
nav a:hover {
	background-color:#FF7400;
	color:#FF0000;
}
footer {
	background-color:#7109AA;
	color:gold;
	text-align:left;
	padding:10px;
}
body {
	font-family:"Garamond",sans-serif;
}