.logohover {
	display: inline-block;
	vertical-align: -6px;
	background-size: cover;
	height: 34px;
	width: 34px;
	margin-left: -9px;
	margin-right: -2px;
	transition: all 0.3s ease-in-out 0s;
}

.sidebar {
	background-color: #380B61;
}

.rootme_logo {
	background-image: url("/images/CTF/Logo_RootMe.png");
}

.tryhackme_logo {
        background-image: url("/images/CTF/Logo_TryHackMe.png");
}

.hackthebox_logo {
	background-image: url("/images/CTF/Logo_Hackthebox.png");
}

.site__description {
	text-align: center;
}

.img--headshot {
	margin-top: 20px;
	width: 180px;
	height: 180px;
}

/* Code */
pre {
	margin-top: 2em;
	margin-bottom: 2em;
}

/* images */
center {
	margin-top: 2em;
	margin-bottom: 2em;
}

h1 {
	margin-top: 1.3em;
}

h2 {
	margin-top: 1.5em;
}

p {
	text-align: justify;
}

.logoFlag {
	float: left;
	margin: auto;
	margin-left: 1em;
	margin-right: 1em;
	width: 2em;
	-webkit-transition: -webkit-transform .1s ease-in-out;
	transition: transform .1s ease-in-out;
}

.logoFlag:hover {
	-webkit-transform: translate(0px, -0.3em);
	transform: translate(0px, -0.3em);
}

.langSection {
	display: flex;
	align-items: center;
	justify-content: center;
}

img {
	margin-left: auto;
	margin-right: auto;
}

.img_full {
	width: 100%;
}

.img_big {
	width: 80%;
}

.img_med {
	width: 50%;
}

.img_small {
	width: 30%;
}

.content {
	word-break: break-word;
}

.border {
	border-width: 2px;
	border-style: solid;
	border-radius: 8px;
	border-color: #7428bb;
}

@media (max-width: 768px) {
	.img_full, .img_big {
		width: 100%;
	}

	.img_med, .img_small {
		width: 50%;
	}
}