
.rounded {
  border: 0px none #1C6EA4;
  border-radius: 20px;
}

.mypanel {
  border: 0px none;
  border-radius: 20px;
  -webkit-box-shadow: 8px 8px 17px 0px rgba(0,0,0,0.34); 
  box-shadow: 8px 8px 17px 0px rgba(0,0,0,0.34);
  padding: 20px;
  min-height:690px;
    max-height:690px;
    overflow: auto;

}

.imgcenter1{
     text-align: center;
}
.mypanel.bkblue {background-color: #120172; opacity: .90; margin-top: 5px;}
.mypanel.blue {background-color: #438bcf; opacity: .90; margin-top: 5px;}
.mypanel.purple {
  background-color: #438bcf; opacity: .90; margin-top: 5px;
  background: -webkit-linear-gradient(top, rgba(140, 105, 226, 0.9) 0%, rgba(82, 47, 193, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(140, 105, 226, 0.9) 0%, rgba(82, 47, 193, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc8c69e2', endColorstr='#cc522fc1', GradientType=0);
  border: 1px solid rgba(172, 136, 234, 0.9);
}

.mypanel.ltblue {
  background-color:  rgba(54, 196, 224, 0.89) 0%;margin-top: 5px;
  background: -webkit-linear-gradient(top, rgba(54, 197, 224, 0.9) 0%, rgba(14, 150, 189, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(54, 197, 224, 0.9) 0%, rgba(14, 150, 189, 0.9) 100%);
}

.mypanel.peach {
  background-color: #f7a493; opacity: .90; margin-top: 5px;
  background: -webkit-linear-gradient(top, rgba(247, 164, 147, 0.9) 0%, rgba(216, 141, 126, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(247, 164, 147, 0.9) 0%, rgba(216, 141, 126, 0.9 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7a493', endColorstr='#f7a493', GradientType=0);
  border: 1px solid rgba(247, 164, 147, 0.9);
}



.mypanel.orange {
  background-color: #ffb71c; opacity: .90; margin-top: 5px;
background: -webkit-linear-gradient(top, rgba(239, 190, 46, 0.9) 0%, rgba(213, 140, 11, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(239, 190, 46, 0.9) 0%, rgba(213, 140, 11, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccefbe2e', endColorstr='#ccd58c0b', GradientType=0);
}
.mypanel.yellow {background-color: #fbff3b; opacity: .90;margin-top: 5px;}




.mypanel.orange1 {
  background-color: #f76f00; opacity: .90; margin-top: 5px;
background: -webkit-linear-gradient(top, rgba(239, 190, 46, 0.9) 0%, rgba(213, 140, 11, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(239, 190, 46, 0.9) 0%, rgba(213, 140, 11, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccefbe2e', endColorstr='#ccd58c0b', GradientType=0);
}
.mypanel.yellow1 {background-color: #ffe659; opacity: .90;margin-top: 5px;}



.mypanel.green {background-color: #11f311; opacity: .90;margin-top: 5px;
    background: -webkit-linear-gradient(top, rgba(132, 192, 43, 0.9) 0%, rgba(73, 145, 9, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(132, 192, 43, 0.9) 0%, rgba(73, 145, 9, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc84c02b', endColorstr='#cc499109', GradientType=0);
}

h1{
     padding: 30px;
    font-size: 50px;
}