/* Comment! */
body {
		background-color: #ffcbf2;
		
}
h1 {
	
	color: #144CB4;
	background-color: #ffcbf2;
	width: 50%;
	height: 30 px;
}
div{
	border: solid navy 1px;
	border-color: white;
	background-color: #F2DBF9FF;
	color: navy;
	border 5px;
	font-size:50px
		text-align: center;
}
.bluediv{
	background-color:#F2DBF9FF;
	color: blue;
	width: 10%;
	height: 15 px;
	margin: 40px;
	border: white;
}
.headdiv{
	color: navy;
}
/* New class of divs*/
.magentadiv{
	background-color: #57F6F8;
	color:magenta;
	margin: 40px;
	padding: 20 px;
}
#div3{/*id*/
	background-color: #57F6F8;
}
img{
	border:solid yellow  25 px;
}
.coldiv{
	display:flex;
	flex-direction:column;
	
}
#navbar{
	float:left;
	width 50%;
}
.topnav a {
	float: center;
	color: navy;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 17px;
	background-color: #205CD4;
}


.flexdiv{
	display:flex;
	flex-direction:column;

}

a{
	background-color:yellow;
	color:navy;
	margin-bottom:1px;
	float: center;
}


a:hover{ background-color:pink;
	
	
}

a:active{
	background-color:navy;
}

.topnav {
	background-color: #205CD4;
	overflow: hidden;
}

.topnav a {
	float: left;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 20px;
}
	
.topnav a:hover {
	background-color: yellow;
	color: navy;
}

.topnav a.active {
	background-color: purple;
	color: white;
}

p { text-indent: 35px; 
	text-align: left;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
	padding-top: 0;


}

a.mylink:link{
	box-shadow: 5 px 10 px green;
	background-color:205CD4;
	color: white;
	padding: 2px 3px 2px 4px;
	text-decoration:none;
	border-radius: 5px;
	font-weight:600
	
}
a.mylink:visited{
	box-shadow: 5px 10px green;
	background-color: blue;
	color:white;
	
}

a.mylink:hover{
	background-color:grey;
	color:white;
	
}