body {
    margin: 0;
}

#header {
	display: flex;
	height: 75px;
}

#title {
	margin: auto;
}

#login-title {
	text-align: center;
    font-size: 100px;
    position: relative;
	margin: 0;
	top: 2.5%;

}

#login-note {
	text-align: center;
    position: relative;

}

#login-container {
    margin: auto;
	width: fit-content;
	text-align: center;

    position: relative;
    bottom: -15%;

}

#login-message {
	height: 25px;
	text-align: center;
}

#logout {
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
}

#createWatchEvent {
	width: 100%;
	text-align: center;
}

hr {
	width: 75%
}

#yourEvents {
	margin: auto;
	width: 50%;

	text-align: center;
}

#yourEvents #yourEventsInner {
	margin: auto;
	width: 75%;
	max-height: 200px;
	overflow-y: scroll;
	text-align: center;
}

#yourEvents #yourEventsInner #eventNotes {
	width: fit-content;
	margin-left: 29%;
	max-width: 200px;

}