@import url('https://fonts.googleapis.com/css2?family=Grape+Nuts&family=UnifrakturMaguntia&display=swap');
*{
    box-sizing: 0;
    padding: 0;
}

body{
    font-family: 'Grape Nuts'; sans-serif;
    color: white;
    background-image:url(../photos/celebration.webp);
    background-position: center;
    
}
.overlay{
    background:linear-gradient(rgba(219, 205, 204), rgba(30, 10, 40, 0.85));
    padding: 30px;
    border-radius: 200px
}
.container{
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
nav{
    background: rgba(235, 199, 70, 0.3);
    border-radius: 50px;
    padding: 10px;
    margin-bottom: 30px;
}
nav ul{
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 60px;
}
nav a{
    text-decoration: none;
    color: white;
    font-family: 'UnifrakturMaguntia', sans-serif;
    font-weight: 600;
    font-size: 30px;
}
nav a:hover{
    text-decoration: underline;
    color:coral;
}
header{
    padding: 50px 20px;
    background: rgba(235, 199, 70, 0.3);
    border-radius: 50px;
    margin-bottom: 30px;
}
h1{
    font-family: 'UnifrakturMaguntia', sans-serif;
    font-weight: 600;
    font-size: 90px;
    color:crimson;
}
h2{
    font-size: 80px;
    margin: 20px;
    color:black;
}
section{
    background: rgba(235, 199, 70, 0.3);
    border-radius: 40px;
    padding:20px;
    margin-bottom: 30px;
}
p{
    font-size: 30px;
    font-weight: 600;
}
.party-list{
    list-style: circle;
    text-align: center
    max-width: 400px;
    margin: 0 200px;
}
.party-list li{
    font-size: 30px;
    color:rgba(105, 28, 15);
}
.rsvp-button{
    display: inline-block;
    margin-top: auto;
    padding: 15px 38px;
    background: rgba(235, 79, 12);
    border-radius: 30px;
    color: white;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
}
.rsvp-button:hover{
    background: rgba(222, 116, 71); 
}
footer{
    text-align:center;
    color:rgba(255, 76, 0);  
}
footer p{
    font-weight: 800;
    font-size: 60px;
    margin: auto;
}