@charset "utf-8";
/* CSS Document */
body  { background-color: lightgrey;
overflow-x: hidden;
	  background-image: url("/images/spaced4.webp");
  background-repeat: no-repeat;
	background-size: cover;}	

h3 {  font-size: 27px!important;} 

.writingbox1 {
	border-radius: 50px;
 display: block;
  margin: auto;
  border: 3px solid lightblue;
  padding: 5px 5px;
text-align:center;
	width: 40%;
	  background-color: white;
	  box-shadow: 0 0 0 3px white, 0 5px 8px 3px rgba(0, 0, 0, 0.6);
	}
.writingbox2 {
	border-radius: 50px;
 display: block;
  margin: auto;
  border: 3px solid lightblue;
  padding: 5px 5px;
text-align:center;
	width: 90%;
	  background-color: white;
	  box-shadow: 0 0 0 3px white, 0 5px 8px 3px rgba(0, 0, 0, 0.6);
	}

.writingboxx {
	border-radius: 100px;
 display: block;
  margin: auto;
  border: 3px solid red;
  padding: 5px 20px !important;
text-align:center!important;
	width: 30%;
	  background-color: white;
	box-shadow: 0 0 0 3px white, 0 5px 8px 3px rgba(0, 0, 0, 0.6);}
	

.writingboxxx {
		border-radius: 100px;
 display: block;
  margin: auto;
  border: 3px solid red;
  padding: 5px 20px !important;
text-align:center!important;
	width: 70%;
	  background-color: white;
	box-shadow: 0 0 0 3px white, 0 5px 8px 3px rgba(0, 0, 0, 0.6);}
}
	
.tabled {
	width:100%;
}
.tddl {width:18rem;	    
    margin-left: 0;   text-align: left;}

.tddr {width:0px;margin-right: 0px; text-align: right;}

.tdd {width:100px;}

.tddd { 
	width:400px !important;
	
}
.middle {
	 margin-right: 0px;
	margin-left: auto;}


.vid {
		width:500px;}


@media only screen and (max-width: 1399px) {
	
	.centered
{ 
	width: 98%;}
	
	
.writingboxx {
	width: 70%;}
	
	.writingbox1 {
	width: 90%;
	
	}
	
	.writing  {
	font-size: 3.2rem;	
	}
	h3  {
	font-size: 50px;	
	}
	
	.example-image {

    width:32%;
    margin-right: 2px;
    margin-left: 0;
    margin-bottom: 0;
     }
	
	
}


@media only screen and (min-width: 1400px) {
.example-image {
    border-radius: 20px;
    box-shadow: 0 0 0 3px white, 0 5px 8px 3px rgba(0, 0, 0, 0.6);
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 0;
    margin-bottom: 0;
     }


	