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

body{
background-color: #000;
font-family: "Manrope", sans-serif;
}

.hero{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4em;
height: 100vh;
}
.download-btn-cnt{
display: flex;
gap: 2em;
}

.app-btn a{
display:block;
}

.logo-cnt a{
display: block;
}

.ttl h1{
font-size: 5rem;
font-family: Manrope;
font-weight: 500;
line-height: normal;
text-align: center;
background-image: linear-gradient(120deg, #fff, #999);
background-size: 200%;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}


@media only screen and (max-width: 1200px){
.ttl h1{
font-size: 3rem;
}
}