h1, h2, p{
    text-align: center;
    color: green;
    transition: color 2s;
}
h1:hover{
    color: red;
}
body {
    background-color: #ebe3cb;
    background-repeat: round;
}
.name {
    text-align: center;
    margin: auto;
    font-size: 12px;
}
img {
    width: 400px;
    height: 200px;
    border-style: groove;
    border-width: 7px;
    display: block;
    margin: auto;
    transition: filter 2s, transform 2s;
}
img:hover{
    filter: grayscale(100%);
    transform: rotate(360deg);
}
#cite {
    font-size: 9px;
}
ul>li {
    color: green;
}
.spec {
    width: 400px;
}
.line {
    width: 500px;
    transition: width 2s;
    border-color: green;
}
.line:hover{
    width: 600px;
}
iframe {
    display: block;
    margin-left: auto;
    margin-right: auto;
    transition: width 2s;
}
iframe:hover{
    width: 700px;
}
div.divvs {
    text-align: center;
    width: 500px;
    margin: auto;
}
ul {
    display: inline-block;
    list-style-type: square;
}
button a{
    text-decoration: none;
}
.text{
    width: 500px;
    margin: auto;
}
.link {
    margin: auto;
    text-align: center;
}
ol {
    display: inline-block;
    margin: auto;
}
ol>li{
    color: green;
}
#cites{
    width: 700px;
}
.slim {
    width: 300px;
}