/* CSS Document */
.corosal{
float:right;
right:0;
}
.d-border-groove{border:groove 8px #FFFF00;}
.d-font-seven-em{font-size:0.6em}
.d-font-large-em{font-size:2.5em}


.footer-div{
border:inset yellow 10px;
}
.coursedesign{
"padding-top:2px; background-color:#A9F3CB; border:outset 40px green;
}
d-indent-para{
text-indent:40px;
}
.d-hr1{
display: block;
content: "";
height: 30px;
margin-top: -31px;
border-style: solid;
border-color: red;
border-width: 0 0 1px 0;
border-radius: 20px;
padding:10px;
}

hr.style-five {
    border: 0;
    height: 0; /* Firefox... */
    box-shadow: 0 0 10px 1px black;
}
hr.style-five:after {  /* Not really supposed to work, but does */
    content: "\00a0";  /* Prevent margin collapse */
}

  
 .d-resume-font{font-family:"Times New Roman", Times, serif; font-size:18px;font-weight: 500;}/*-------------- font */
 .d-head-blue{ color:#000066; font-weight:500; font-size:30px;}
  .d-head-blue2{ color:#000066; font-weight:100; font-size:20px;}
  
  /* animation in indent paragraph */
#myDIV {
    -webkit-animation: mymove 5s; /* Chrome, Safari, Opera */
    animation: mymove 5s;
    text-indent: 40px;
}


/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    50% {text-indent: 150px;}
}

/* Standard syntax */
@keyframes mymove {
    50% {text-indent: 150px;}
}
 /* order  list  style*/

.o{ background: #ffffff; font-size:1.7em; margin:10px;}

ol.c {
  list-style-type: upper-roman;
    background: #ff9999;padding:10px;
}

ol.d {
  list-style-type: lower-alpha;
  background: #3399ff;
}

/*  font white  */
.d-text-indent{
text-indent: 40px;
font-size:19px;

}

.font-white{
color:#FFFFFF;
font-size: 36px;
padding-top:6px;
}

.font-yellow{color:yellow;}
.font-black{color:black;}

.d-shadow{
color:#FFFF00; font-family: 'Ledger', serif;font-style: italic; text-shadow: 4px 4px 6px #000000;
}
.d-box-shadow1{

    border: 1px solid;
    padding: 10px;
    box-shadow: 5px 5px 8px blue, 10px 10px 8px red, 15px 15px 8px green;

}
.d-box-shadow2{

   border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 18px red;
     margin-top:4%;
      border-top-left-radius: 2em;

}

.d-box-shadow3{

   border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 18px orange;
    margin-top:4%;
    border-top-right-radius: 2em;
}
.d-box-shadow4{

   border: 1px solid;
    padding: 10px;
    box-shadow: 5px 10px 18px blue;
     margin-top:4%;
      border-top-left-radius: 2em;
}
.d-box-shadow5{

   border: 1px solid;
    padding: 10px;
    box-shadow: 8px 10px 10px black;
       
}

.d-ribben{
padding:auto;
background: #5433FF;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #A5FECB, #20BDFF, #5433FF);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #A5FECB, #20BDFF, #5433FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.d-back1{
background: #FFAFBD;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffc3a0, #FFAFBD);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffc3a0, #FFAFBD); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.publication{
background: #acb6e5;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #86fde8, #acb6e5);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #86fde8, #acb6e5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.d-resume{
background: #E0EAFC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #CFDEF3, #E0EAFC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #CFDEF3, #E0EAFC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

/*==================================================
 *-====================================================================================div card shadow Effect 5
 * ===============================================*/
 .d-radius{ border-radius: 0.8em;}
 
  .d-radius2{ border-radius: 0.8em; border:ridge #1B92CB 0.5em;}
  .d-border2{border:#FFFF00 0.5em ridge;}
  .d-border-dashed{border: 3px white dashed;}
 

.d-back-1{/* background shadding */
  background: #7F00FF;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #E100FF, #7F00FF);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #E100FF, #7F00FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  } 
  .d-back-2{
background: #c31432;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #240b36, #c31432);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #240b36, #c31432); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.d-back-3{
background: #fe8c00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #f83600, #fe8c00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #f83600, #fe8c00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.d-back-4{
background: #59C173;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #5D26C1, #a17fe0, #59C173);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5D26C1, #a17fe0, #59C173); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.d-back-5{background: #a8ff78;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #78ffd6, #a8ff78);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #78ffd6, #a8ff78); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.d-back-6{background: #0f0c29;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #24243e, #302b63, #0f0c29);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #24243e, #302b63, #0f0c29); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.d-back-7{background: #CC95C0;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #7AA1D2, #DBD4B4, #CC95C0);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #7AA1D2, #DBD4B4, #CC95C0); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.d-back-8{background: #7b4397;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #dc2430, #7b4397);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #dc2430, #7b4397); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.d-back-all{
background: #ee9ca7;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ffdde1, #ee9ca7);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ffdde1, #ee9ca7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.d-back-all2{background: #ECE9E6;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #FFFFFF, #ECE9E6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

 
.d-card-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.border-double{border:double 10px red;}
.border-double-2{border:double 10px #CC0066;}
.d-border1{border:#00FFFF groove 0.6em;}

.d-card-1:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.d-card-2{
 background: rgba(120, 895, 0, 0.3);
  padding:10px;
  margin:10px;
 border:ridge #CC0000 0.4em;
  }
.d-card-3{
 background: rgba(120, 89, 455, 0.67);
  padding:10px;
  margin:10px;
 border:ridge #CC0000 0.5em;
  }
  .d-card-4{
 background: rgba(98, 37, 35, 0.67);
  padding:10px;
  margin:10px;
 border:ridge #CC0000 0.5em;
  }
  
  .d-card-5 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
  
/*==================================================
 *															div border Effect 7
 * ===============================================*/
.d-effect7
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.d-effect7:before, .effect7:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.d-effect7:after
{
	right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}