درباره ی تمرین سوم

سلام استاد خسته نباشید در رابطه با سومین تمرینی که دادین سوال داشتم ایم کدهای css من برای این تمرین هستند ولی فقط حالت تغییر پوزیشن در حالت اکتیو تگ a اجرا میشه و بقیه المان ها مثل تغییر رنگ و تغییر سایه و ... اجرا نمیشه مخیواستم ببینم مشکلش چیه؟

.x{

    background-color: coral;

    width:200px;

    height:100px;

    border-radius: 5px;

    position: relative;

    right: 500px;

    left: 570px;

    top: 250px;

    bottom: 400px;

    text-align: center;

box-shadow:0px 5px 2px rgb(175, 62, 21) ;

}

.y{background-color: crimson;

width: 100%;

height: 100%;

}

#d{ position: relative;

    top: 40%;

    font-size: 22;

    color: darkgreen;

font-style:oblique;

}

a{

    text-decoration: none;}

a:link{

    color: blue;

}

a:visited{

    color: teal;

}

a:hover{ color: yellow;

    box-shadow: rgb(59, 18, 3);

}

a:active{

color: red;

position: relative;

    right: 0px;

    left: 0px;

    top: 5px;

    bottom: 0px;

box-shadow:0px 5px 2px rgb(2, 2, 2)  ;

}