/* on */


/* on every page*/
p{
    font-family: "Times New Roman", Times, serif;
    text-align:center;
}
/* on every page*/
body{
    background-image: url("https://cdn.pixabay.com/photo/2017/03/02/08/58/background-texture-2110724_1280.jpg");
}
/* on every page and box model, tranistion*/
img{
    width:250px;
    height:250px;
    border: 4px double black;
    margin:1em;
    padding: 1em; 
    background-color:white;
    transition: width 2s, height 2s;
    animation-name: pictures;
    animation-duration: 5s;
    animation-iteration-count: 40;
}
/* on training page*/
table{
    background-color:Gainsboro;
}
/* on every page*/
a{
    color:gold;
    text-decoration:none;
}
/* on training page*/
th{
    color:red;
    font-size:25px;
}
/* on every page*/
main{
    background:black;
    color:white;
}




/* on surce page*/
.solid{
    border: 4px solid black;
}
/* on history page*/
.dotted{
    border: 4px dotted black;
}
/* on every page*/
.Header{
    text-align:center;
    font-size:30px;
}
/* on training page*/
.imagemap{
    width:300px;
    height:350px;
}
/* on every page*/
.Files{
    background-color:black;
}
/* on index page*/
.moving-picture{
    border:5px double black;
    margin:1em;
    padding: 1em; 
    background-color:white;
}
/* on every page anddiv tag*/
.content{
    border:2px solid white;
}
.edited-image{
    opacity:0.8;
}
.carousel{
    width:1500;
    height:1500;
}



/* on index and training page*/
#unorder-list{
    font-size:20px;
    border-style:dotted;
}
/* on history page*/
#order-list{
    font-size:20px;
    border-style:dotted;
}
/* on index page filter property*/
#iframe{
     width:560px;
     height:315px;
     filter: drop-shadow(50px 35px 30px red);
     
    margin:3em;
    
}
/* on surce page and float tag*/
#video{
    width:650px;
    height:400px;
    float:right; 
}
/* on training page*/
#Table-1{
    border: 4px solid white;
    margin:1em;
    padding: 1em; 
}
/* on every page*/
#Title{
    font-size:75px;
    font:bold;
}
/* on history page filter property*/
#blur {
    filter:blur(1px);
}
/* on surce page*/
#sub-Title {
    text-align:center;
    font-size:25px;
}
#carousel{
    height:450px;
    width:450px;
}



/* on every page and descendant selector*/
footer span{
    font-size:20px;
    background-color:black;
    color:white;
}
/* on training page and sibling selector*/
th + tr{
    color:Red;
    font-size:25px;
}
/* on training page and child selector */
tr > td{
    color:DodgerBlue; 
}




/* on every page and pseudo-class*/
a:hover {
  color: #FF00FF;
}
/* on every page and pseudo-class*/
img:hover {
  width: 350px;
  height: 350px;
}




/* on every page and pseudo-element*/
p::first-line {
  color: #ff0000;
}



/* on every page and keyframes*/
@keyframes pictures {
  from {background-color: white;}
  to {background-color: lime;}
}