<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
	background-image: url(images/back.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
	}
.container p {
	margin-top: 5px;
	margin-right: 32px;
	margin-bottom: 5px;
	margin-left: 32px;
	}
.container h1 {
	margin-top: 3px;
	margin-right: 32px;
	margin-bottom: 3px;
	margin-left: 32px;
	}
.container h2 {
	margin-top: 3px;
	margin-right: 32px;
	margin-bottom: 3px;
	margin-left: 32px;
	}
	
/*----------My Media Breakpoint start here----------*/
	
	
	/*---------- For Phones ----------*/
	@media (min-width:200px) and (max-width: 574px);{
		.container p {
						font-size: 2em;
						}
	}
	/*---------- For Tablets ----------*/	
	@media (min-width:575);{
		.container p {
						font-size: 2em;
						}
	}
	/*---------- For Tablets vertical ----------*/
	@media (min-width:768px) and (max-width: 1500px);{
		.container p {
						font-size: 32px;
						}
	}
	/*---------- For Desktop ----------*/
	@media (min-width:1200px);{
		.container p {
						font-size: 32px;
						}
	}</pre></body></html>