index.scss

@import url('https://cdn.jsdelivr.net/npm/tailwindcss@0.7.4/dist/tailwind.min.css');

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: 'Roboto', sans-serif;
}

.bg-signal {
	background-color: #e6e8ff;
	background-image: url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%237886d7' fill-opacity='0.11' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.inherit-color {
	color: inherit;
}

.bg-opacity-indigo {
	background: #5661b399;
	min-height: 25%;
}

.introMsg {
	height: 32rem;
	width: 52vw;
	background: #e6e8ff;
}

.introMsg > img {
	height: 100%;
}

.introMsg .bg {
	background-image: url('/static/intro.svg');
	background-size: cover;
	background-position: center center;
}

@media (max-width: 576px) {
	.bg-opacity-indigo {
		height: 100%;
	}

	.introMsg {
		height: auto;
		min-height: auto;
	}
}