*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family: "Griffy", system-ui;
    font-weight: 400;
    font-style: normal;
}

.navbar{
    background: palevioletred;
}
body{
    background:#fffaf5;
}
/* Header */
.hero{
    background-image:url("dounat_bg.jpg");
    background-size:cover;
    background-position:center;
    height:90vh;
    display:flex;
    justify-content:center;
    align-items:center;
}
.overlay{
    background:palevioletred;
    color:white;
    text-align:center;
    padding:40px;
    border-radius:15px;
}
.overlay h1{
    font-size:60px;
    margin-bottom:20px;
}
.overlay p{
    font-size:22px;
    margin-bottom:20px;
}
.btn-pink{
    background-color: palevioletred;
    color: white;
    border: none;
    font-size: 30px;
}
/* Cards */
.donut-card{
    transition:.4s;
    border:none;
    border-radius:15px;
}
.donut-card img{
    height:250px;
    object-fit:cover;
}
.donut-card:hover{
    transform:scale(1.05);
    box-shadow:0 10px 25px palevioletred;
}

.card-body{
    text-align:center;
}
.card-body h4{
    color:palevioletred;
    margin-bottom:10px;
}
/* About */
.about{
    background:#ffe6ef;
    padding:70px 20px;
    text-align:center;
}
.about h2{
    margin-bottom:20px;
    color:palevioletred;
}
.about p{
    max-width:800px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
}
/* Table */
table{
    background:white;
}
#table h2{
    margin-bottom:20px;
    color:palevioletred;
}
/* Contact */
form{
    max-width:700px;
    margin:auto;
}
.form-control{
    border-radius:10px;
}
.btn-success{
    width:100%;
    font-size:18px;
    font-weight:bold;
    background-color: palevioletred;
}
/* Footer */
footer{
    background:palevioletred;
    color:white;
    text-align:center;
    padding:20px;
    margin-top:40px;
}