#content {
    min-height: 100%;
    margin: 0 50px;
}

#content hr {
    border: 0;
    border-top: 2px solid #202123;
    border-radius: 10px;
    margin: 30px 0;
}

a {
	text-decoration: none;
    font-weight: bold;
	color: #3996ff;
}

a:active {
	color: #80bcff;
}

h1 {
    text-align: center;
    padding: 20px;
}

iframe {
    display: flex;

	width: 640;
	height: 180;
	transition-property: height;
	transition-duration: 0.5s;
}

iframe:hover {
	height: 360;
	transition-property: height;
	transition-duration: 0.5s;
}

#endContent {
    position: relative;
    background: #202020;
    padding: 40px;

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

    gap: 10px;

    margin-left: -50px;
    overflow-y: visible;

    height: 5%;
    margin-top: 10px;
}

.logo {
    aspect-ratio: 1/1;
    height: 100%;
}

.logo:hover {
    height: 110%;
}