html{
	width: 100%;
}

head{
	
	
}
div{
	
}

body{
	
	border-bottom: 1px solid white;
}

header{
	
	
}
div {
    
}
.main{
	border: 1px solid #665544;
    position: relative;
    width: 800px;
    height: 860px;
   
}
.red{
	background-color: red;
	width: 600px;
	height: 600px;
    border-bottom: 20px solid black;
	border-left: 20px solid black;
    position: absolute;
    top: 0px;
    right: 0;
}
.blue{
	background-color: blue;
	width: 180px;
	height: 240px;
    border-top: 20px solid black;
	border-right: 20px solid black;
    position: absolute;
    top: 600px;
    left: 0;
}
.whiteTop{
	background-color: white;
	width: 180px;
	height: 240px;
    border-top: 20px solid black;
	border-bottom: 20px solid black;
	border-right: 20px solid black;
    position: absolute;
    top: 0px;
    left: 0;
}
.whiteMiddle{
	background-color: white;
	width: 180px;
	height: 300px;
    border-top: 20px solid black;
	border-right: 20px solid black;
    position: absolute;
    top: 280px;
    left: 0;
}
.whiteRight{
	background-color: white;
	width: 90px;
	height: 100px;
    
	border-left: 20px solid black;
    position: absolute;
    top: 620px;
    right: 0;
}
.yellow{
	background-color: yellow;
	width: 90px;
	height: 120px;
    border-top: 20px solid black;
	border-left: 20px solid black;
    position: absolute;
    top: 720px;
    right: 0;
}


p{
	color: red;
}