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

body{
font-family: Arial, sans-serif;
background:white;
}

.hero{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
position:relative;
}

.logo{
width:70%;
max-width:1200px;
}

.arrow{
position:absolute;
bottom:40px;
font-size:30px;
color:#6b7555;
animation:bounce 2s infinite;
}

@keyframes bounce{
0%,20%,50%,80%,100%{
transform:translateY(0);
}

```
40%{
    transform:translateY(-10px);
}

60%{
    transform:translateY(-5px);
}
```

}

.intro{
min-height:100vh;
max-width:900px;
margin:auto;
padding:120px 40px;
}

.intro h1{
font-size:36px;
font-weight:300;
letter-spacing:4px;
margin-bottom:30px;
color:#6b7555;
}

.intro p{
font-size:20px;
line-height:1.8;
color:#666;
}