body {background-color: lightgreen;}



div {

	background-color: lightgreen; 

	opacity: 1;	

}



div {

	background-color: lightgreen; 

	opacity: 1;	

}



img {

  border: 1px solid #ddd;

  border-radius: 1px;

  padding: 1px;

  width: 190px;

}



img:hover {

  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);

}



.dot {

  height: 20px;

  width: 20px;

  background-color: #bbb;

  border-radius: 60%;

  display: inline-block;

}

/* unvisited link */

a:link {

  color: blue;

}



/* visited link */

a:visited {

  color: gray;

}



/* mouse over link */

a:hover {

  color: yellow;

}



/* selected link */

a:active {

  color: red;

}



.p {

  font-family: "Times New Roman", Times, serif;

}





/*Grid Content*/



body {

  font: 110% "Times New Roman", Times, serif;        

}     

.container {

  display: grid;

  grid-template-columns: 225px 10px 300px 10px 250px; 

  grid-template-rows: auto;

  grid-template-areas:

      "header header header header header"

      "sidebar . content content content"

      "footer footer footer footer footer";

  background-color: rgb(144, 238, 144); 

  color: rgb(204,0,0);                      

}

.rect { 

  background-color: rgb(0,190,100); 

  border: 5px solid rgb(0,0,0); 

  color: white; 

  border-radius: 6px; 

  padding: 10px; 

  font: 125% Arial,Helvetica,sans-serif; 

    }

.head {

  grid-area: header; 

}

.side {

  grid-area: sidebar;   

}

.content {

  grid-area: content; 

}

.foot {

  grid-area: footer; 

} 



/*@font-face*/



@font-face {

  font-family: 'Updock', cursive;

  src: url(Updock-Regular.ttf);

}



div {

 font-family: 'Updock', cursive;

}

p {
   color:black
}

h1 {
   color:black
}