/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}

.img-smaller {
    transform-origin: bottom right;
    transform: scale(0.6);
}

.fursona {
    z-index: 10;
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 400px;
}

.navbar-nav {
  flex-direction: row;
}

.navbar-brand {
  padding-left: 1rem;
}

h2 {
	position: relative;
	font-size: 1.8rem;
}

h2 span.bg {
	background: white;
	padding-right: 10px;
}

h2:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: calc(var(--bs-gutter-x)/ 2);
	right: 0;
	height: 0.5em;
	border-top: 1px dashed black;
	overflow: clip;
	z-index: -1
}

hr {
	border: 1px dashed black;
	background-color: inherit;
	opacity: 1.0;
}

i.cc-by-nd {
	font-size: 3em
}

footer p:not(:first-child) {
	font-size: small
}

footer p.cc-paragraph {
	display: flex;
	align-items: center;
}

@counter-style numero {
	system: extends decimal;
	prefix: "\2116";
}

ol.numero {
	list-style: numero;
	list-style-position: inside;
}

@media (max-width: 768px) {
  .nav-item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media (max-width: 2080px) {
  .fursona {
    width: 450px
  }
}
@media (max-width: 1080px) {
  .fursona {
    position: initial;
    width: 200px
  }
}