body{font-family:Arial,sans-serif}.card{border:1px solid red;position:relative;width:300px;padding:20px;margin:20px;color:#fff;border-radius:10px;overflow:hidden;text-align:center;background:rgb(0 0 0 / .5)}.card .background-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(10px);z-index:-1;transition:opacity 0.3s ease}.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(grade8.JPG) no-repeat center center;background-size:cover;filter:blur(10px);z-index:-1}.skills{margin-top:10px}.skill{margin-bottom:10px}a{color:#fc0;text-decoration:none}a:hover{text-decoration:underline}.hover-text{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:24px;color:#39310f;opacity:0;transition:opacity 0.3s ease}.card:hover .hover-text{opacity:1}#science{font-size:15px}