Template:Textbox/styling.css

.maintextbox {
  width: 90%;
  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
}

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

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

.graytextbox {
  width: 80%;
  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: 80%;
  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;
}