<!--the style coding for the other files-->

h1{
    font-size:30px;
    color: #480000;
}
h3{
    color: #480000;
}
body{
    font-size:18px;
    background-color: LemonChiffon;
    color: hsl(0, 100%, 20%);
;
}
.rule{
    font-size: 14px;
    font-style: italic;!important
}
ul{
    color: #CC0000;
    text-align: center;
    list-style-type: square;
}
td{
    background-color: white;
    color: darkred;
}
th{
    background-color: Burlywood;
}
.mark{
    background-color: orange;
    color: darkred;
}
.img {
    width: 220px;
    height: 165px;
    transition: background-color 2s, width 3s, height 3s;
}
.img:active {
    width: 420px;
    height: 300px;
}

.files{
    font-family: Georgia;
}
.intro{
    font-family: Fantasy;
    column-gap: 50px;
    column-count: 1;
}
.head{
    font-family: Helvetica;
}
.pic {
    width: 150px;
    height: 180px;
    transition: background-color 2s, width 3s, height 3s;
}
.pic:active {
    width: 300px;
    height: 330px;
}
.ture {
    width: 280px;
    height: 165px;
    transition: background-color 2s, width 3s, height 3s;
}
.ture:active {
    width: 440px;
    height: 290px;
}
.center{
    margin-left: auto;
    margin-right: auto;
}