body{
    margin: 0px;
    padding: 0px;
   background-color: rgb(95, 38, 202);

}

header{
background-color: rgb(29, 111, 217);
display: flex;
justify-content: space-between;

}
nav {padding-top: 15px;
    margin-top: 15px;
}

nav a {
background-color: rgb(107, 128, 199);
padding: 20px;
border-radius: 10px;
margin: 6px;
color: rgb(44, 107, 180)#ccc;
text-decoration: none;
}

nav a:hover {
background-color: rgb(33, 188, 215);
color: blueviolet;
}

main {
display: flex;
justify-content: center;
}


.card {
background-color: rgb(103, 92, 225);
  width: 500px;
  height: 250px;
  border-radius: 10px;
}