h1 {
    text-align: center;
    color: #a6a6a6;
    font-size: 3rem;
    padding: 2rem;
}

body {
    background-color: #181818;
}

header {
    background-color: rgb(0, 0, 0);
    width: 100%;
}
img {
    max-width: 700px;
    max-height: 700px;
}
.scale:hover{
    transform: scale(2);
}

.rotate:hover{
    transform: rotate(45deg)
}

.translate:hover{
    transform: translateX(400px)
}

p{
    color:#a6a6a6;
    font-size: 3rem;

}
a:hover {
    font-size: 4rem;
    transition: color0.5s;
    color: aqua;
    padding: 2rem;
    transition: 3s;
}

a {
    color: red;
    font-size: 3rem;
    padding: 2rem;
    transition:  3s;
}
.scale{
    transition: 2s;
    
}
.rotate{
    transition: 2s;
}
.translate{
    transition: 2s;
}
section{
    margin: auto;
    width: fit-content;
}
p{
    text-align: center;
}
footer{
    margin:auto;
    width: fit-content;
    text-align: center;
}