body, html {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: rgb(125, 125, 125, 255);
	z-index: -1;
}

body::before {
	content: "";
	position: fixed;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(50, 50, 50, 0.4) 50%, rgba(125, 125, 125, 0.4) 100%);
}

canvas {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#scroll {
	position: relative;
	z-index: 1;
	overflow-y: scroll;
	width: 100vw;
	height: 100vh;
}

.container {
	padding-top: 3.5vh;
	padding-bottom: 3.5vh;
	padding-left: 3.0vw;
	padding-right: 3.0vw;
}

/* Row */
.row {
    width: 100%;
    min-height: 25vh;
    margin-bottom: 2vh;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
	display: flex;
}

.a {background-color: rgb(220, 220, 220);}
.b {background-color: rgb(200, 200, 200);}

/* Content */
.content {
	padding-top: 2vh;
	padding-bottom: 2vh;
	padding-left: 1.5vw;
	padding-right: 1.5vw;
}

.border {
	border: 2px solid;
	border-color: rgba(0, 0, 0, 0.15);
	flex: 1;
}

/* Text */
.textbox {
	flex: 1;
	display: flex;
}

.text {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.text h2 {
	font-size: 2.0vw;
	text-align: center;
	margin-top: 1vh;
	margin-bottom: 3vh;
}

.text p {
	font-size: 1.2vw;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 1vh;
}

/* Image */
.image {}

.image img {
    max-width: 100%;
    height: auto;
    display: block;
}