@import url(https://fonts.bunny.net/css?family=noto-sans-mono:100,100i,400,400i,700,700i);

body {
    padding-top: 2rem;
    margin: 0;
    background-color: #403639;
    color: #eBe3e5;
    font-family: 'Noto Sans Mono', monospace;
}

.content {
    max-width: 48rem;
    margin: 0 auto;
}

.navbar {
    max-width: 48rem;
    margin: 0 auto;
    .title {
	font-weight: 700;
	display: inline-block;
	padding-bottom: 4px;
	border-bottom: dashed 4px #ff3b79;
    }
}

a {
    text-decoration: none;
    color: #eBe3e5;
    border-bottom: solid 2px #ff3b79;
    &:hover {
	background-color: #ff3b79;
    }
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 4px;
    border-bottom: dashed 4px #ff3b79;
    font-size: medium;
    display: inline-block;
    a {
	border-bottom: none;
	&:hover {
	    border-bottom: solid 1px #ff3b79;
	}
    }
    &:hover {
	border-bottom: solid 4px #ff3b79;
    }
}

p.subtitle {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0;
    margin-bottom: 4px;
    color: #c9c1c3;
    img {
	display: block;
	filter: brightness(0) saturate(100%) invert(83%) sepia(5%) saturate(305%)
		hue-rotate(286deg) brightness(95%) contrast(89%);
    }
}

pre.giallo {
    font-family: 'Noto Sans Mono', monospace;
    font-size: medium;
    padding: 4px;
    border: 1px solid black;
    border-radius: 6px;
    overflow-x: auto;
}

.pagination {
    display: flex;
    .next {
	margin-left: auto;
    }
    .previous {
	margin-left: 0;
    }
}

.footer {
    padding-top: 8px;
    font-size: small;
    text-align: center;
    p {
	margin-top: 0;
	margin-bottom: 0;
    }
}

img {
    max-width: 100%;
}