* {
	box-sizing: border-box;
	}
	
	.topbox{
	overflow: hidden;
	background:black;
	width:100%;
	}
	
/*Create two columns that floats next to each other */
	.column1{
	float: left;
	width: 70%;
	padding: 10px;
	}

	.column2{
	float: left;
	width: 30%;
	padding: 10px;
	background:;
	}

/*Clear floats after the columns*/
	.row:after{
	content: "";
	display: table;
	clear: both;
	}
/***********Writing styles**********/

	h2 {
	font-size: 2em;
	color: white;
	line-height: 1.15em;
	margin: 20px 0 ;
	font-family:monotype-corsiva;
	text-align:center;
	}

/*** connect with class="p1" ***/
	.p1 {
	font-family:arial;
	}

	

/*** connect with class="p2" ***/
	.p2 {
	font-family:arial;
	color:#8D2CD8;
	}


/***********images****************/

/*using for column 2*/

	.img_left{
	float:left;
	width:35%;
	margin-top:3px;
	margin-left:5px;
	margin-right:8px;
	border:2px solid red;
	padding:2px;
	}
	.img_right{
	float:right;
	width:35%;
	margin-top:3px;
	margin-left:5px;
	margin-right:5px;
	border:2px solid red;
	padding:2px;
	}
/*using for column 1*/
	.img_center{
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:5px;
	}
/*reddit*/	
	.pic5{
	size:40%;	
	}
/*youtube*/
	.pic6{
	size:40%;	
	}
/*technoblade*/
	.pic7{
	size:40%;	
	}
	/*****MEDIA QUERY-changes website for mobile or smaller screens*****/
	@media only screen and (max-width : 700px) {
	
	
	
	/***Place other @media controls below here***/
	
	/******COLUMN @media**********/
	.topbox{
	width:100%;
	margin-bottom:5px;
	}
	
	.column1 {
	width: 100%;
	margin-bottom:5px;
	border:2px solid gray;
	}
	
	.column2 {
	width: 100%;
	margin-bottom:5px;
	}
	
	
	
	.img_left{
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:7px;
	}
	.img_right{
	width:100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:7px;
	}
	
	}/*closes @media section*/