body {
    background: pink;
    font-family: system-ui;
    min-height: 100vh;
    font-size: 18px;
}

nav {
    padding: 0.5em;
    border: deeppink 0.5em solid;
    margin: 0.5em;

    & ul {
	margin: 0;
    }
}

#cards {
    columns: 15em;

    &>div {
	background: black;
	color: white;
	padding: 0.3em;
	margin: 0 0 1.2em 0;
	break-inside: avoid;
    }

    & a {
	color: lightblue;
	&:visited {
	    color: slateblue;
	}
    }

    & p {
	margin: 0.1em;
    }


    & h2 {
	color: deeppink;
	box-shadow: 0.1em 0.3em deeppink;
	background: white;
	margin: 0.2em 0.4em 0.2em 0.2em;
	padding: 0.2em;
	transition: box-shadow .2s;

	&:hover
	{
	    box-shadow: 0.3em 0.35em deeppink;
	}
    }
    
    & h3 {
	font-size: 1em;
	margin-bottom: 0px;
    }
}

.classified-ads{
  background-color: darkmagenta;
}
.cw {
  color: red;
}