body {
	background: #c0d0c7; 
	  font-family: "Bitcount Grid Double", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0;
}
.content-wrapper{
	background: rgb(255 255 255/ 0.4);
}
p{
	color: #212456;
}
/*this is a comment*/
h1{
	color: #212456;
}
h2{
	color: #212456;
}
h3{
	color: #212456;
}
h4{
	color: #212456;
}
th{
	color: #212456;
}
cite{
	color: #212456;
}
em{
	color: #212456;
}
i{
	color: #212456;
}
caption{
	color: #212456;
}
aside{
	color: #212456;
}
/* this is to change font size */
.font {
	font-size: 24px;
}
/* first thing it sees */
.text-color:first-child {
	color: red;
}

.text-color:first-of-type {
	color: green;
}

/*
#qa1:hover {
	color: #9FBACC;

}
#qa2:hover {
	color: #9FBACC;

}
#table1:hover {
	color: #9FBACC;

}
#table2:hover {
	color: #9FBACC;

}
body {
	color: #9FBACC;
	text-decoration: none;
}
body:hover {
	color: #212456;
	text-decoration: none;
}
.btn {
	background: #212456;
	color: #f6f6f6;
	text-decoration: none;
}*/


.box-1 {
	background: #bbeafc;
	width: 1750px;
	height: 2750px;
	margin: 20px;
	padding: 20px;
	border: 10px solid black;
}

.box-2 {
	background: #bbeafc;
	width: 1960px;
	height: 1000px;
	margin: 20px;
	padding: 20px;
	border: 10px solid black;
}
.box-3 {
	background: #bbeafc;
	width: 1790px;
	height: 140px;
	margin: 20px;
	border: 10px solid black;
}
.box-3 {
	position: sticky;
	top: 10px;
}

.box-1 {
	box-sizing: content-box;
}

.box-2 {
	box-sizing: border-box;
}
.box-3 {
	box-sizing: content-box;
}
 img {
	 float: right;
 }


.angry-ban img {
	width: 300px;
	float: left;
}


.bitcount-grid-double-<uniquifier> {
  font-family: "Bitcount Grid Double", system-ui;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CRSV" 0.5,
    "ELSH" 0,
    "ELXP" 0;
}

p {
	line-height: 1px;
}

body {
	fontweight: 16rem;
}

button {
	background: #3c8453;
	color: #f6f6f6;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 1.2rem;
	display: inline-block;
	padding: 10px;
}

@media and(min-width:860px) {
	body {
		display: flow-root;
	}
	body img {
		float: left;
		matgin-right: 40px;
	}
}