/* HERO */
 
.hero{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:40px;
    padding:60px 10%;
    background:linear-gradient(135deg,#000,#1a1a1a);
}
.hero img{
    width:300px;
    border-radius:10px;
    box-shadow:0 0 30px red;
}
.hero h1{
    font-size:42px;
}
.hero span{
    color:red;
}
.hero p{
    margin-top:10px;
    opacity:0.8;
}


@media (max-width: 980px) {
    .hero{
     
}
.hero img{
    width:300px;
    border-radius:10px;
    box-shadow:0 0 30px rgb(255, 0, 0);
}
.hero h1{
    font-size:42px;
    color: #30d52d;
}
.hero span{
    color:red;
}
.hero p{
    margin-top:10px;
    font-size: 30px;
    opacity:0.8;
    /* color: #ff2424; */
}

}