Template:Textbox/ministyling.css

@media all and ( min-width: 720px ) { .acontainer { width: 80%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: auto;} } .graytextbox { width: 40%; border-top: 10px solid #3d3d3f; background-color: #f6f5f3; padding: 10px 15px; vertical-align:top; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 25px; margin: auto; }

.grayh2 { color: #3d3d3f; font-size:170%; text-align:center; }

.grayp { color: #7dce94; font-size:130%; text-align:center; }

@media all and ( min-width: 720px ) { .grayp { color: #7dce94; font-size:130%; text-align:left;} }

.smallgrayh2 { color: #3d3d3f; font-size:130%; text-align:center; }

.smallgrayp { color: #7dce94; font-size:100%; text-align:left; }

.greentextbox { width: 40%; border-top: 10px solid #7dce94; background-color: #f9f8fd; padding: 10px 15px; vertical-align:top; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin-bottom: 25px; margin: auto }

.greenh2 { color: #7dce94; font-size:170%; text-align:center; }

.greenp { color: #3d3d3f; font-size:130%; text-align:center; }

@media all and ( min-width: 720px ) { .greenp { color: #3d3d3f; font-size:130%; text-align:left;} }

.smallgreenh2 { color: #7dce94; font-size:130%; text-align:center; }

.smallgreenp { color: #3d3d3f; font-size:100%; text-align:left; }