/* Linear Gradiant Div's */
.linear-grad
{
  background: linear-gradient(#33A5FF, #33FFFC, #33FFA5);
  height: 200px;
  width:200px;
  margin:10px;
}

.linear-grad-2
{
  background: linear-gradient(to right, #42EC10, #ECB710, #2410EC);
  height: 200px;
  width:200px;
  margin:10px;
}

.linear-grad-3
{
  background: linear-gradient(to bottom right, #EC1060, #1060EC, #4FEC10);
   height:200px;
  width:200px;
  margin:10px;
}

/* Radial Gradient Div's */
.radial-grad
{
  background: radial-gradient(#EC7110, #EC1032);
  height:200px;
  width:200px;
  margin:10px; 
}

.radial-grad-2
{
  background: radial-gradient(circle at top right, #1C9F17, #10EC53);
  height: 200px;
  width:200px;
  margin:10px; 
}

.radial-grad-3
{
  background: radial-gradient(ellipse at left, #EC7110, #1014EC);
 height: 200px;
  width:200px;
  margin:10px;  
}

/* Wrapping/Container */
.container
{
  display: flex;
  flex-wrap: wrap;
  margin: auto;
}

/* Text Color */
p
{
  color:white;
  text-shadow: 1px, 1px, 1px, navy;
  font-weight: bold;
  font-family: "Trebuchet MS";
    text-align: center;
}

body
{
  background: linear-gradient(to right, #060C06, #B2BBB2);
}