:root{
    --softblush:#FBF1EC;
    --deepespresso:#4A2c2a;
    --goldaccent:#D4A857;
    --dustyrose:#E8B4B8;
    --lightishpink:#f4cbc2;
}
*{
    padding:0;
    margin:0;
    box-sizing:border-box;
}
body{
    background-color: var(--softblush);
    color:var(--deepespresso);
    font-family: 'Poppins', sans-serif;
    padding:0px 20px;
}
h1,h2,h3{
    font-family:'Playfair Display', serif;
}
header{
    display:flex;
    justify-content: space-between;
}
header a{
    background-color: var(--lightishpink);
    color:var(--deepespresso);
    text-decoration-line: none;
    border: 2px solid maroon;
    font-weight: bold;
    font-size:34px;
    margin-right:18px;
    margin-top:10px;
    padding:14px 9px;
    border-radius: 20px;
}
header img{
    margin:10px;
}
#hero{
    text-align:center;
    border:2px solid maroon;
    padding:20px;
    max-width: 800px;
    margin: 10px auto;
    background-color: var(--dustyrose);
}
#hero h2{
    font-size:33px;
    text-decoration: underline;
    margin-bottom: 15px;
}
#hero h1{
    font-size:44px;
    margin-bottom: 12px;
}
#hero p{
    font-size:25px;
    margin-bottom:16px;
}
#hero a{
    background-color:#f4d58d;
    color:var(--deepespresso);
    text-decoration-line: none;
    border: 2px solid maroon;
    font-weight: 500;
    font-size:25px;
    border-radius: 23px;
    padding: 3px 10px;
}
#sound{
    text-align: center;
}
#sound p{
    margin-top:25px;
    font-size:23px;
    margin-bottom:12px;
}
#sound h2{
    font-size:27px;
    color:maroon;
}
#here-is-vera p{
    text-align: center;
    font-size: 21px;
    padding-bottom:10px;

}
#here-is-vera h2{
    font-size:26px;
    font-weight: 800;

}
#right{
    text-align: end;
}
.one{
    border:2px solid maroon;
    margin:13px;
}
#container{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

#features h2{
    color:maroon;
    font-size: 37px;
    margin-bottom:17px;
}
.item{
    background-color: maroon;
    color:var(--goldaccent);
    font-size: 20px;
    height:120px;
    padding:15px;
    display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
#try-vera h2{
    margin-top:12px;
    margin-bottom:12px;
    font-size:33px;
    text-align: center;
    text-decoration: underline;
}
.btn{
    background-color: var(--dustyrose);
    font-size: 24px;
    font-weight: 500;
    margin:12px;
    padding:12px;
    border-radius: 15px;
    color:maroon;

}
#try{
    display:flex;
    justify-content: space-between;
}
.bp p{
    font-size: 24px;
}
.bp{
    max-width: 600px;
    margin: 10px auto;
}
footer{
    display:flex;
    justify-content: space-between;
    margin-top:20px;
    gap:10px;
    flex-wrap: wrap;
}
#lg ul{
    list-style: none;
    font-size:24px;
   
}
#lg ul li a{
    color:maroon;
}
section{
    margin:40px;
}