body{
    color:rgb(250, 150, 228);
    text-align:center;
    background: linear-gradient(to bottom, rgb(4, 25, 249), rgb(255, 0, 38));
}

header{
    padding:20px;
    background:rgba(1, 148, 104, 0.8);
    border-radius:10px;
    margin: 20px auto;
    width: 80%;
}

h1{font-family:"Lucida Handwriting", cursive;
color:blueviolet;
font-size:50px;}

h2{font-family:"Comic Sans MS", serif;
font-size:25px;}

p,ul,ol{font-family:"Courier New",serif;
font-size:20px;
display:inline-block;}

.card{
    background:rgba(15, 182, 244, 0.6);
padding:20px;
border-radius:15px;
width:80%;
margin:40px auto;
}

.creature-card img{
    width:100px;
    border-radius:15px;
}

.creatures{
    display:flex;
    justify-content:center;
    gap:50px;
}

.creature-card{background:purple;
padding:10px;
border-radius:10px;
width:200px;}