/* Assignment 6 CSS */
h1 {color:green;
border-bottom: 3px solid black;
  padding-bottom: 6px;
}


body{
font-family: Arial, sans-serif;
line-height: 1.5;
margin:20px;
}

.tagline{ color: #666;
margin-bottom: 14px;}

.flex-row{display: flex;
gap: 10px;
margin: 10px 0;
flex-wrap: wrap;} /* Allow wrap on small screens like phones*/



.box{
border: 2px solid #000;
padding: 10px;
margin: 4px;
background: #fffbe6;
font-weight: 600;
text-align: center;
min-width: 110px;
}

/* Float image with wrapping text */
.float-left{float: left;
margin: 0 12px 10px 0;
border: 1px solid #888;
border-radius: 6px;
}

/* Clear the float for the next paragraph */
.clear{
clear: both;
}