center.logo img {
    height: 300px;
    margin-bottom: 2rem;
}

h1 {
    font-size: 1.5rem;
}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

main {
	flex: 1;
}

/* Styles pour avoir une pastille de couleur pour afficher la couleur de l'animal de compagnie */
.color-chip {
	width: 1em;
	height: 1em;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #0003;
	box-shadow: inset 0 0 0 1px #fff4;
	vertical-align: center;
}

/* Styles pour que les boutons prennent la largeur totale de leur conteneur */
.button-full-width {
	margin-bottom: var(--pico-spacing);
	width: 100%;
}