body {
	font-size:1rem;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Roboto Mono';
    visibility: visible;
}

.section{
	margin-left: auto;
	margin-right: auto;
	width:46rem;
	margin-top:4rem;
}


.column3 {
	display: flex;
	flex-direction: row;
	width:100%;
	justify-content:space-between;
	border:0;
}

.column3 > *{
	width:31%;
}

h2 {
	margin-top: 2rem;
	margin-bottom: 2rem;
	font-size:2rem;
	font-weight: normal;
	color:#FF78FF;
	padding:0;
		
}


/* ---------------- title bar ---------------- */
.title-bar {
	position:relative;
	text-align: center;
	font-family: 'Roboto Mono;
}

#triangle-box {
	display:block;
	position:absolute;
	margin-left: -50%;
	left:50%;
	
}
#triangle{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 20rem yellow;
    border-left: solid 20rem transparent;
    border-right: solid 20rem transparent;
}

#bighead{
	width:22rem;
	position:relative;
	padding-bottom:-3rem;
}

/* ---------------- description ---------------- */


/* ---------------- issues ---------------- */

#think-bot{
	position:absolute;
	top:-6.5rem;
	left:28.5rem;
	width:7rem;
}

#issues{
	background-color: yellow;
	border: 1rem solid yellow;
	box-sizing: content-box;
	position:relative;
	
}

.column3 span{
	background-color:black;
	color:white;
	font-size:1rem;
}

.issue img{
	width: 1.5rem;
}

.issue {
	margin:0;
}

.issue  h3{
	padding:0;
	padding-bottom:0.2rem;
	font-size:1rem;
}

/* ---------------- solution ---------------- */


#com-bots {
	display: block;
	height:8rem;
	margin-left:20rem;
	margin-top:-8rem;
	padding-bottom:0.5rem;
}

#solution p {
	clear:both;
}


/* ---------------- cycle ---------------- */
#multibot {
	
}

#multibot img {
	width:95%;
	padding:0;

}


#bot-cycle img{
	width:100%;

	margin-top:2rem;
	margin-bottom:5rem;	
}

/* ---------------- dash ---------------- */
.dash{
	display:block;
	padding:0;
	margin:0;
	font-size:1rem;
	text-align: center;
	white-space: nowrap;
	height:1.5rem;
	width:100%;
}

.dash::before {
	content: "-------------------------------";
}

.dash::after {
	content: "-------------------------------";
}