h1
{
    text-align: right;
    font-variant: calc(100% + 2px);
    color: rgb(78, 210, 144);
    opacity: 0.5;
    background-color: rgb(0, 0, 0);
}
ul
{
    background-color : rgb(48, 224, 110);
    opacity: 0.5;
}
a
{
    color: rgb(224, 48, 92);
    opacity: 1;
}

a:hover {
    color: rgb(92, 48, 224);
    opacity: 0.5;
    background-color: rgb(255, 0, 0);
    width: 200px;
    height: 100px;
}
a:active
{
    color: rgb(224, 48, 92);
    opacity: 1;
    background-color: rgb(255, 0, 221);
}
body 
{
    background-image: url(./img/moorish-pattern_644416-582.jpg)
}
img
{
    width: 400px;
    height: 400px;
}
img:hover
{
    width: 450px;
    height: 450px;
}