<div class="pentagram">
	<div class="blue-circle">
		<div class="title">
			<h1>MOTHERLAND</h1>
			<h2><span>FORT SALEM</span></h2>
		</div>
		<div class="star">
			<svg width="322" height="309" viewBox="0 0 322 309" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M123.739 119.688H29.775L50.1575 134.607H118.929L123.739 119.688Z" fill="#050709" />
				<path d="M197.545 119.688L168.64 29.7092L160.021 56.2832L180.761 119.688H197.545Z" fill="#050709" />
				<path d="M220.556 190.086L296.382 135.073H271.673L215.727 175.23L220.556 190.086Z" fill="#050709" />
				<path d="M101.094 190.086L72.6006 278.2L93.1138 263.421L113.627 199.267L101.094 190.086Z" fill="#050709" />
				<path d="M160.475 233.645L235.774 288.456L228.174 265.146L173.162 224.411L160.475 233.645Z" fill="#050709" />
				<path d="M118.559 184.406L168.64 29.7092L160.714 5L105.884 175.167L118.559 184.406Z" fill="#050709" />
				<path d="M160.248 214.795L29.775 119.688L5 119.688L147.661 224.2L160.248 214.795Z" fill="#050709" />
				<path d="M134.619 134.607L296.382 135.073L317.361 119.688H139.458L134.619 134.607Z" fill="#050709" />
				<path d="M185.658 134.753L235.774 288.456L257.686 304.307L202.585 134.802L185.658 134.753Z" fill="#050709" />
				<path d="M202.028 184.957L72.6006 278.2L64.675 303.375L206.869 199.876L202.028 184.957Z" fill="#050709" />
				<path d="M154.654 24.1146C115.026 25.5133 52.0873 49.7562 27.3781 119.688H123.884L154.654 24.1146Z" fill="#050709" />
				<path d="M293.883 119.688C282.269 81.7741 242.666 29.6115 166.775 24.1146L197.545 119.688L293.883 119.688Z" fill="#050709" />
				<path d="M23.6484 133.208C15.2566 171.437 19.4526 229.714 73.9992 274.936L101.039 190.086L23.6484 133.208Z" fill="#050709" />
				<path d="M247.896 274.47C278.666 252.092 311.301 198.944 297.314 134.14L220.389 190.086L247.896 274.47Z" fill="#050709" />
				<path d="M89.3842 285.193C122.951 305.24 177.964 316.895 232.511 286.125L160.714 233.443L89.3842 285.193Z" fill="#050709" />
				<path d="M29.775 119.688H123.739L118.929 134.607H50.1575L29.775 119.688ZM29.775 119.688L160.248 214.795L147.661 224.2L5 119.688L29.775 119.688ZM168.64 29.7092L197.545 119.688M168.64 29.7092L160.021 56.2832L180.761 119.688H197.545M168.64 29.7092L118.559 184.406L105.884 175.167L160.714 5L168.64 29.7092ZM197.545 119.688L166.775 24.1146C242.666 29.6115 282.269 81.7741 293.883 119.688L197.545 119.688ZM296.382 135.073L220.556 190.086L215.727 175.23L271.673 135.073H296.382ZM296.382 135.073L134.619 134.607L139.458 119.688H317.361L296.382 135.073ZM72.6006 278.2L101.094 190.086L113.627 199.267L93.1138 263.421L72.6006 278.2ZM72.6006 278.2L202.028 184.957L206.869 199.876L64.675 303.375L72.6006 278.2ZM235.774 288.456L160.475 233.645L173.162 224.411L228.174 265.146L235.774 288.456ZM235.774 288.456L185.658 134.753L202.585 134.802L257.686 304.307L235.774 288.456ZM27.3781 119.688C52.0873 49.7562 115.026 25.5133 154.654 24.1146L123.884 119.688H27.3781ZM73.9992 274.936C19.4526 229.714 15.2566 171.437 23.6484 133.208L101.039 190.086L73.9992 274.936ZM297.314 134.14C311.301 198.944 278.666 252.092 247.896 274.47L220.389 190.086L297.314 134.14ZM232.511 286.125C177.964 316.895 122.951 305.24 89.3842 285.193L160.714 233.443L232.511 286.125Z" stroke="#EA0A2C" stroke-width="3" />
			</svg>
		</div>
	</div>
</div>
@import url("https://fonts.googleapis.com/css2?family=Saira+Stencil+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body,
html {
	height: 100vh;
	display: grid;
}

.pentagram {
	margin: auto;
	height: 400px;
	width: 400px;
	border-radius: 50%;
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px,
		rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.blue-circle {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 95%;
	width: 95%;
	border-radius: 50%;
	background: #082f56;
}

.star {
	margin-left: 4px;
	margin-bottom: 12px;
}

.title {
	position: absolute;
	margin-top: 35px;
	text-align: center;
	color: white;
}

.title h1 {
	font-family: "Saira Stencil One", cursive;
	font-size: 48px;
	background: #050709;
	border-radius: 10px;
}

.title h2 {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 24px;
	font-weight: 700;
}

.title h2 span {
	background: #050709;
}
// Reference image https://cdn.shopify.com/s/files/1/0504/0911/1739/products/MFS-PENTS-100142-1-MF_1800x1800.jpg?v=1625000765

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.