body {
    font-family: Open-Sans, Helvetica, Arial, sans-serif;
    margin: 0 auto;
    padding: 0;}


.color-chart {
    width: 80%;
    margin:0 auto;
    border:3px solid #f5f5f5;}
    
.color-row {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    align-items:center;
		height: 150px;
    border:3px solid #f5f5f5;
    padding:12px;}

#color-title {
    width:30%;}

#color-title h3 {
    font-size:19px;
    font-weight:700;
    padding:0px;
    margin:0px;}
#color-title p {
    font-size:16px;
    padding:4px 0px 0px 0px;
    margin:0px;}

#color-codes {
    width:30%;}

#color-codes p {
    font-size:16px;
    padding:0px;
		margin:0px;}

#color-sample {
    width:120px;
    height:120px;
    border-radius:5px;}

.dark-blue {
    background-color:#18284a;}
    

.yellow {
    background-color:#ffbb00;}