* {
	box-sizing: border-box
}

body {
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	background: url(backgrounds/rug\ 2.png), hsl(308, 37%, 22%);
	background-size: auto;
	padding: 3%;
	background-blend-mode: soft-light
}

h1 {
	color: #fff;
	text-shadow: 1px 1px 4px hsl(353, 74%, 9%);
	-webkit-text-stroke: 1pX hsl(353, 100%, 84%);
	font-style: bold
}

h2 {
	text-align: center
}

h3 {
	color: #fff;
	text-shadow: 2px 2px 1px hsl(347, 100%, 31%);
	-webkit-text-stroke: .45pX hsl(330, 100%, 40%);
	font-style: bold;
	text-align: center;
	font-size: 34px;
	font-family: 'Courier New', Courier, monospace
}

p {
	font-size: 16px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif
}

.header {
	background-color: hsla(337, 100%, 50%, 0.205);
	padding: 30px;
	text-align: center;
	font-size: 35px;
	background-image: url(logo\ 2026\ comp.png);
	background-size: 50%;
	height: 400px;
	background-repeat: no-repeat;
	background-position-y: 50%;
	background-position-x: center;
	text-shadow: 1px 1px 4px hsl(353, 74%, 9%);
	border-radius: 200px;
	border-style: dotted;
	border-color: rgba(255, 165, 62, 0.603);
	border-width: 10px
}

.row {
	border: rgb(255, 165, 61, .6);
	border-width: 4px;
	border-style: solid;
	border-radius: 10px;
	background-color: rgb(255, 165, 61, .3);
	height: fit-content
}

.column {
	float: left;
	padding: 10px;
	border-radius: 10px;
	height: max-content
}

.column.side {
	display: flex;
	width: 25%;
	text-align: center;
	margin: auto;
	justify-content: center;
	background-color: hsl(342, 67%, 57%)
}

.column.middle {
	width: 50%;
	background-color: hsl(353, 100%, 84%);
	padding-left: 50px;
	padding-right: 50px;
	color: #6d0040
}

.row:after {
	content: "";
	display: table;
	clear: both
}

.footer {
	background-color: #7a082b;
	padding: 10px;
	text-align: left;
	color: #fdebff;
	border-radius: 10px;
	text-shadow: 1px 1px 4px hsl(353, 74%, 9%);
	font-size: 18px;
	border-style: ridge;
	border-color: #ff004c;
	border-width: 10px;
	padding-left: 50px;
	padding-right: 50px
}

.btn-group button {
	background-color: #6d0040;
	border: 1px solid #ffa53d;
	border-width: 5px;
	color: #fff;
	padding: 10px 24px;
	cursor: pointer;
	width: 100%;
	display: block;
	font-size: 26px;
	border-radius: 60px;
	font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
	text-shadow: 1px 1px 4px hsl(353, 74%, 9%)
}

.icon {
	width: 30px;
	vertical-align: middle;
	padding-right: 4px;
	padding-left: 4px
}

@media(max-width:600px) {

	.column.side,
	.column.middle {
		width: 100%
	}
}