@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;500;700&display=swap');

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

body{

background:#080808;

color:#ddd;

font-family:"Cormorant Garamond",serif;

overflow:hidden;

height:100vh;

display:flex;

justify-content:center;

align-items:center;

}

main{

text-align:center;

z-index:10;

}

h1{

font-size:5rem;

letter-spacing:3px;

margin-bottom:20px;

}

.subtitle{

opacity:.6;

margin-bottom:40px;

font-size:1.3rem;

}

nav{

display:flex;

gap:30px;

justify-content:center;

}

a{

text-decoration:none;

color:#bfa66b;

font-size:1.2rem;

transition:.3s;

}

a:hover{

color:white;

text-shadow:0 0 10px gold;

}

#particles{

position:fixed;

width:100%;

height:100%;

pointer-events:none;

overflow:hidden;

}

.dot{

position:absolute;

width:2px;

height:2px;

background:white;

opacity:.3;

animation:float linear infinite;

}

@keyframes float{

from{

transform:translateY(100vh);

}

to{

transform:translateY(-10vh);

}

}