*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
background:#ffffff;
color:rgb(0, 0, 0);
display:flex;
justify-content:center;
align-items:center;
min-height:100vh;
padding:20px;
font-family:'Times New Roman', Times, serif;
}

.container{
text-align:center;
max-width:1200px;
width:100%;
}

.title{
font-size:3rem;
margin-bottom:30px;
}

.hero-image{
width:100%;
height:auto;
border-radius:10px;
opacity:0;
transform:scale(0.9);
animation: zoomIn 1.5s ease-out forwards;
}
/* Animation */

@keyframes zoomIn {
0%{
    opacity:0;
    transform:scale(0.9);
}
100%{
    opacity:1;
    transform:scale(1);
}
}
.description{
margin-top:25px;
font-size:1.2rem;
line-height:1.6;
color:#000000;
direction: ltr;
}
.home-btn{
display:inline-block;
margin-top:30px;
padding: 7px 20px;
font-size:1.1rem;
background:#a5a5a5;
color:white;
text-decoration:none;
border-radius:8px;
transition:0.3s;
}

.home-btn:hover{
background:#ff5a26;
transform:scale(1.05);
}
/* Responsive */

@media (max-width:768px){

.title{
font-size:2rem;
}

.description{
font-size:1rem;
}

.home-btn{
font-size:1rem;
padding:12px 24px;
}

}