@font-face {
	font-family: Anybody;
	src: url(Anybody.ttf)
}

html {
	min-height: 100%;
}

body {
	font-family: "Anybody", sans-serif;
}

main, footer,
.contact3 input,
.contact3 textarea,
.contact3 button {
	font-size: clamp(16px, 3vw, 19px) !important;
}

.contact3 input[type=checkbox] {
	transform: scale(1.2);
}

section h1 {
	font-size: clamp(32px, 9vw, 54px);
	font-weight: 800;
	transform: rotate(-7deg);
	transform-origin: top left;
	translate: -5px -10px;
	margin-bottom: 30px;
	max-width: 60%;
}

.section-icon {
	translate: 0 max(-10vw, -75%);
	position: absolute;
	margin-left: auto;
	margin-right: 10px;
	inset: 0;
	height: calc(clamp(32px, 9vw, 54px) * 2.3);
}

.page-title {
	font-size: clamp(32px, 9vw, 54px);
	font-weight: 800;
}

h1, h2, h3 {
	color: #E6007E;
	transition: color 0.3s ease;
}

a h1, a h2, a h3 {
	color: #E6007E;
}

a h1:hover, a h2:hover, a h3:hover {
	color: #000;
	text-decoration: none;
}

a {
	color: #E6007E;
	transition: color 0.3s ease;
}

a:hover {
	color: #000;
	text-decoration: none;
}

img {
	max-width: 100%;
}

pre,
code {
	background: #f8f8f8;
	color: #333;
}

pre {
	border-left: 2px solid #ccc;
	padding: 10px;
}

code {
	display: inline-block;
	padding: 0 0.5em;
	line-height: 1.4em;
	border-radius: 3px;
}

table {
	empty-cells: show;
	border: 1px solid #cbcbcb;
	width: 100%;
	font-size: 0.9em;
	margin-bottom: 1rem;
}

thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom;
}

tr {
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}

th,
td {
	padding: 0.5em 1em;
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px 20px;
	border-left: 5px solid #eee;
	font-style: italic;
}

.text-hightlighted-yellow {
	display: inline-block;
	background-color: #ffed00;
	color: #E6007E;
	padding: 0.2em 0.4em;
	border-radius: 7px;
}

.nav-link-hightlighted-yellow {
	color: #E6007E !important;
	background-color: white;
	font-weight: 600;
	padding: 12px;
	border-radius: 7px;
}

.nav-link-hightlighted-yellow:hover {
	background-color: #ffed00;
	color: #E6007E;
}

.nav-link-hightlighted-magenta {
	background-color: #E6007E;
	color: #fff !important;
	font-weight: 600;
	border-radius: 7px;
	transition: none;
	padding: 12px;
}

.nav-link-hightlighted-magenta:hover {
	background-color: #ffed00;
	color: #E6007E !important;
	border-radius: 7px;
	transition: none;
}

.navbar-brand-centered {
	position: absolute;
	left: 50%;
	display: block;
	width: 160px;
	text-align: center;
	background-color: transparent;
}

.navbar>.container .navbar-brand-centered, 
.navbar>.container-fluid .navbar-brand-centered {
	margin-left: -80px;
}

section {
	padding: max(100px, 10vw) 0;
    position: relative;
    overflow-x: clip;
}

section::before {
    content: '';
    position: absolute;
    width: 200%;
	top: 0;
    left: -50%;
    height: 100%;
    z-index: -1;
    transform: rotate(-7deg);
}

#soft-yellow-section::before {
	background-color: #fff7b2;
}

#soft-magenta-section::before {
	background-color: #f5b5d2;
}

#magenta-section::before {
	background-color: #e6007e;
}

#magenta-section h1 {
	color: white !important;
}

.title-section {
	padding-bottom: 100px;
	margin-bottom: -100px;
}

.title-section h1 {
	margin: 0px;
}

.top-section {
	margin-top: 100px;
}

.bottom-section {
	margin-bottom: 100px;
}

#event {
	padding: 10px;
    border-radius: 10px;
    background-color: #fff;
	margin-bottom: 10px;
}

/* Navbar */
img.nav-svg-icon {
	width: 1rem;
	height: 1rem;
	padding-bottom: 2px;
}

.nav-link {
	font-size: 19px;
}

/* Footer */
.mini-logo {
	height: 24px;
	padding-bottom: 5px;
}

/* Plugins */
.plugin {
	margin-top: 3rem;
}

.plugin-label {
	font-size: 1em;
	text-transform: uppercase;
}

.plugin ul {
	list-style: none;
	padding: 0 0 0 10px;
}

.bi {
	margin-right: .5rem !important;
}