html {
	background-color: #001f3f;
    
	color: white;
}
.con1 {
	display: flex; 
    flex-wrap: wrap;
    flex-direction: row; 
}
.con2 {
	display: flex;  
    flex-wrap: wrap;
    flex-direction: row; 
}
.con3 {
	display: flex; 
    flex-wrap: wrap;
    flex-direction: row;  
}

@media screen and (max-width: 531px) {
    .con1 {
        flex-direction: column;
    }
    .con2 {
        flex-direction: column;
    }
    .con3 {
        flex-direction: column;
    }
    
}
a {
    background-color: yellow;
    color: black;
}

p {
	font-family: Georgia, serif;
}