@charset "utf-8";
/* CSS Document */

body {
background: rgba(61,59,59,0.85);
}



.content {
	background: #FFFFFF;
	width: 800px;
	margin: 0 auto;
	padding-left: 40px;
	padding-right: 100px;
	padding-top: 5px;
	padding-bottom: 10px;
	box-shadow: 0 15px 20px 20px rgba(0, 0, 0, 0.1), 0px 5px 20px 0 rgba(0, 0, 0, 0.2);
	
}

hr{
	border-top: 2px dotted #F17C20;
}

/*Headings and text*/

h1 {
	font-size:32px;
  color: #58585A;
}

h2 {
	font-size: 28px;
	color: #F17C20;
}

h3{
	font-size: 25px;
	color: #58585A
}

h4{
	font-size: 22px;
	color: #58585A
}

p{
	font-size:18px;
	text-align: justify;
	letter-spacing: inherit;
}

.green_text {
	color: #00A651;
	border-left: solid #00A651;
	font-size: 28px;
	padding-left: 20px;
	}
.green{
	color: #00A651;
	font: bold;
}

.number_text{
	font-size: 60px;
	font: bold;
	color: #F17C20;
}

.orange_text{
	color: #F17C20;
	
}

.contents{
	color: #58585A;
	font-size: 22px;
}

ul{
	list-style: none;
	
}
ul li::before{
	content:"\2022";
	
	color:#F17C20;
	display: inline-block;
	width: 1em;
	margin-left: -2em;
	
}

li{
	font-size: 18px;
	letter-spacing: inherit;
	text-align: justify;
}
ol{
	list-style: none; counter-reset: item;
}

ol li::before{
	content:counter(item) ".";
	counter-increment: item;
	color:#F17C20;
	font-weight:bold;
	display: inline-block;
	width: 1em;
	margin-left: -2em;
}

th, td{
	font-size: 18px;
	letter-spacing: inherit;
}



/*Boxes*/
div.grey_box{
	background-color: lightgray;
	padding: 15px;
	border-radius: 15px;
}

div.orange_box{
	border: 3px solid #F17C20;
}

div.orbox{
	background-color: #FEF2E9;
	padding: 15px;
	border-radius: 15px;
}


.container {
        display:flow-root;
        justify-content: center
      }