@import url("https://fonts.googleapis.com/css?family=Vazirmatn");.heading{font-family:Vazirmatn;font-size:40px}p{font-family:Times New Roman,Times,serif}.heading span{transition:color .5s ease-in-out}.blue{color:blue}.orange{color:orange}.black{color:#000}@media (max-width:595px){.heading{font-size:30px}}.card{border-radius:10px;overflow:hidden;position:relative;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:box-shadow .1s ease}.color-spot{width:60px;margin:10px;height:50px;position:absolute;top:10px;left:10px;z-index:-1;border-bottom-right-radius:50%;border-top-left-radius:30%;transition:width 1s ease,height 1s ease,top 1s ease,left 1s ease,background-color 1s ease;clip-path:circle(30% at 10% 30%) 21% 70% repeat}.card:hover .color-spot{width:200%;height:200%;top:-90px;left:-80px}.card:hover .content{color:#fff;transition:color .3s ease}.content{padding:20px;color:#333;transition:color .5s ease}