body {
	min-height: 100vh;
	background: rgb(54,29,0);
	background: linear-gradient(315deg, rgba(54,29,0,1) 0%, rgba(140,95,12,1) 100%);

	display: flex;
	margin: 0;

	justify-content: center;

	font-family: 'Linik Sans', sans-serif;
}

.main-layout {
	width: 350px;
	margin: 10px;

	padding-top: 60px;

	display: flex;
	flex-direction: column;
	align-items: center;
}

.primary-heading {
	color: #FDD02E;
	font-size: x-large;
}

.logo {
	width: 250px;
}

.secondary-heading {
	color: #FDD02E;
	margin-top: 0;
	margin-bottom: 2rem;
	font-size: medium;
}

.profile-image {
	clip-path: circle();
	height: 140px;
}

ul {
	list-style-type: none;
	padding-left: 0;

	width: 100%;
}

.date-line-link {
	text-decoration: none;
}


.date-line {
	padding: 15px;
	margin-bottom: 20px;

	border-color: #2c2200;
	border-style: solid;
	border-width: 1px;
	border-radius: 25px;

	display: flex;
	flex-direction: column;

	color: #FDD02E;
	transition: all 50ms;
	transition-timing-function: linear;
}

.date-line:hover {
	background-color: #6e4904;
}

.date-line-date {
	color: #c6a127;
	font-size: small;
	margin-bottom: 0.2rem;
}

.date-line-location {
	color: #c6a127;
	margin-bottom: 0.7rem;
}

.date-line-event {
	font-size: x-large;
}

.link-button {
	background-color: #FDD02E;
	width: 70%;
	height: 3rem;
	border-radius: 25px;

	margin-bottom: 1rem;
	margin-top: 0.5rem;

	display: flex;
	align-items: center;
	justify-content: center;

	font-size: small;
	color: #2c2200;
	text-decoration: none;

	box-shadow: none;
	transition: all 50ms;
	transition-timing-function: linear;
}

.link-button:hover {
	background-color: #fddb60;
	box-shadow: 3px 3px 15px #2c2200;
}