html,body{margin: 0;padding: 0;background: rgb(250, 250, 250);}
#main{width: 750px;height: 100%;margin:0 auto;text-align: center;}
.nav{background: #f51e55;margin-top: -19px;}
.nav ul{text-decoration: none;list-style: none;text-align: center;display: flex;padding: 10px 0;}
.nav ul li{width: 20%;}
.nav ul li a{text-decoration: none;color:#ffffff;font-size: 1.1rem;}
.des{text-align: left;background: #ffffff;font-size: 1rem;margin-bottom: 10px;padding: 5px 10px;}
.subjects{background: #ffffff;padding-top: 5px;}
.subjects p{color: red;font-size: 0.8rem;}
footer{background: #ffffff;padding: 5px;}
@media screen and (max-width: 600px){
	#main,header img,.subjects{width: 100%;}
	.subjects img{width: 80%;}
}