:root{
    --box-width :400px;
    --box-height: 200px;
    --section:600px;
    --primary-color:#F9A8D4;
    --radius:1.2rem;
    --secondary-color:#78350F;
    --gray: #F3F4F6;
    --dark-gray:#6B7280;
}
.link{
    text-decoration: none;
    padding: 0.5rem 1.7rem;
    border-radius: 0.5rem;
}
.link-primary{
    background-color: var(--primary-color);
    color: white;
}
br{
    margin: 2rem 0rem;  
}
.link-secondary{
    border: 0.1rem solid var(--primary-color);
}
.container{
    margin: 0rem 1rem;
}

.non-bullet{
    list-style: none;
}
.list-inline{
    display: inline;
    padding: 0rem 0.5rem;
}

.header img{
    display: block;
    max-width: 450px;
    margin:auto;
}
.header h1{
    text-align: center;
    color: var(--dark-gray);
    font-size: 30px;
}
.section-normal h1{
    display: block;
    text-align: center;
    padding-top: 2.1rem;
    font-size: 25px;

}
.section-normal{
    padding-bottom:1.8rem ;
}
.section-normal p {
    padding-bottom: 1rem;
}
.section-white {
    background-color:var(--gray);
    padding-top: 0.1rem;
    padding-bottom: 2rem;
}
.section-white h1{
    text-align: center;
    padding-top: 1.5rem;
    font-size: 25px;
}
footer{
    background-color: var(--primary-color);
    color: white;
    text-align: center;
    border-top-right-radius: 1rem;
    padding-top: 0.1rem ;
    padding-bottom: 0.1rem;
    margin-top: 1.2rem;
}
footer div{
    font-size:large;
    font-weight: bold;
}
footer ul{
    padding-inline-start: 0px;
    margin: 1rem 0rem 0rem 0rem;
}

.theme-color{
    color:var(--primary-color)
}

.text-center{
    text-align: center;
}
footer a{
    text-decoration: none;
    color: white;
    padding: 0rem 1rem;
}

footer small{
    color: var(--dark-gray);
    
}
footer .fab ,.fas{
    font-size: 25px;
    margin-bottom: 1rem;
    color: #FEF3C7
  }