This section has two columns! blah blah blah

blah blah blah

so whenever i start a new div with a paragraph tag underneath the "main" class, it starts a new box, like this!

i can keep making paragraphs by doing the "p" tag right underneath the last one.

when i type a lot of text over here, the box moves over to the other side of this page

this group of boxes is technically the "main" section of the website. however, the top box is separated into a different class, and is given properties to make it stand out. (like the larger text, wide width, etc.)

watch out! if a word is too big, it will change the box's width. i can't do that!