@media screen{

	#dir {
		color: #b180bf;
		margin-top: 8px;
	}

	#link {
		color: #ffa0a0;
	}

	.main-content {
		padding-top: 50px;
		display: flex;
		flex-direction: row;
		justify-content: center; 
	}

	#home-button {
		border-radius: 16px;
		font-weight: bold;
		background-image: linear-gradient(#dfc9e8, #dbe6ff);
	}

	.left-content {
		width: 480px;
		font-family: 'Quicksand', sans-serif;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 20px;
		margin-right: 20px;
	}

	#intro {
		font-size: 14pt;
	}

	#schedule {
		font-size: 12pt;
	}

	.right-content {
		font-family: 'Pangolin', cursive;
		padding-left: 20px;
		padding-right: 20px;
		width: 520px;
		position: relative;
		padding-top: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.announcements {
		width: 480px;
		height: 280px;
		position: relative;
	}

	#chalkboard-img {
		width: 480px;
		height: 280px;
		border-radius: 3px;
	}

/*	.eraser-img {
		width: 44px;
		height: 24px;
		position: absolute;
		top: 200px;
		left: 50px;
		cursor: pointer;
	}

	.eraser-img:hover {
		transform: scale(1.3);
		transition-duration: .4s;
	}*/

	.chalk {
		width: 42px;
		height: 24px;
		background-color: #9BBD8A;
		border-radius: 2px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-family: 'Pangolin', cursive;
		color: white;
		font-size: 16pt;
		position: absolute;
		top: 200px;
		right: 50px;
		cursor: pointer;
	}

	.chalk:hover {
		transform: scale(1.3);
		transition-duration: .4s;
	}

	.chalkb {
		width: 42px;
		height: 24px;
		background-color: #9BBD8A;
		border-radius: 2px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		font-family: 'Pangolin', cursive;
		color: white;
		font-size: 16pt;
		position: absolute;
		top: 200px;
		left: 50px;
		cursor: pointer;
	}

	.chalkb:hover {
		transform: scale(1.3);
		transition-duration: .4s;
	}

	.announcements-title {
		width: 436px;
		font-size: 14pt;
		position: absolute;
		left: 22px;
		top: 16px;
		color: white;
		text-decoration: underline;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}

	.announcements-txt {
		width: 448px;
		position: absolute;
		color: white;
		top: 36px;
		left: 16px;
		/*position: relative;*/
	}

	p {
		margin-top: 4px;
		margin-bottom: 4px;
	}

	h4 {
		margin-top: 8px;
		margin-bottom: 8px;
	}

	li {
		margin-top: 6px;
	}
}