Myprojects/frontend/s-9/discussion/index.css

*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

h2, h3, h4{
	margin-top: 10px;
	margin-bottom: 10px;
}
#div-3{
	background-color: skyblue;
	border: 2px solid black;
	height: 200px;
	width: 200px;
	display: inline;
}
#div-4 {
	background-color: aquamarine;
	border: 2px solid black;
	height: 200px;
	width: 200px;
	display: inline;
}
#span-3 {
	background-color: darkgray;
	border: 2px solid black;
	height: 200px;
	width: 200px;
	display: block;
}
#span-4 {
	background-color: red;
	border: 2px solid black;
	height: 200px;
	width: 200px;
	display: block;
}
#span-5{
	background-color: yellow;
	border: 2px solid black;
	height: 200px;
	width: 200px;
	display:inline-block;
}
#span-6{
	background-color: orange;
	border: 2px solid black;
	height: 200px;
	width: 200px;
	display:inline-block;
}
#div-5 {
	background-color: pink;
	border: 2px solid black;
	height: 200px;
	width: 200px;
	display:inline-block;
}
#div-6 {
	background-color: violet;
	border: 2px solid black;
	height: 200px;
	width: 200px;
	display: inline-block;
}
#div-7 {
	background-color: lightblue;
	border: 2px solid dimgray;
	display: none;
}
#div-8{
	background-color: green;
	border: 2px solid dimgray;
	
}
/*CSS UNITS */
.box{
	background-color: red;
	border: 1px solid black;
	margin: 5px;
}
.fifty-percent{
	width: 50%;
}
.one-hundred-pixels{
	width: 100px;
}
.parent{
	width: 135px;
	border: 2px solid navy;
	font-size: 30px;
}
.fifty-vw{
	width: 50vw;
}
.twenty-five-vh{
	height: 25vh;
}
.one-rem{
	font-size: 1em;
}
.one-em{
	font-size: 1em;
}
.two-rem{
	font-size: 2em;

}
.two-em{
	font-size: 2em;
}
.two-hundred-percent{
	font-size: 200%;
}
/*css background properties*/
.background {
	min-height: 100vh;
	/*background-color: gray;*/
	background-image: url(https://c4.wallpaperflare.com/wallpaper/43/1003/707/anime-your-name-kimi-no-na-wa-mitsuha-miyamizu-wallpaper-preview.jpg);
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:center top;
	background-attachment: scroll;
}

.container-bg{

}
.bg-title{
	color: white;
	text-align: center;
	font-size: 5em;
	margin: 0;
/*	give us space in the text,*/
	line-height: 35rem;
}