body{

    margin:0;

    font-family:'Segoe UI',sans-serif;

   background: url('/assets/img/bg2.png') center center no-repeat;

    background-size:cover;

    min-height:100vh;

    color:white;

}

.overlay{

    position:fixed;

    inset:0;

    background:rgba(0,60,25,.55);

}

.container{

    position:relative;

    z-index:2;

}

.logo{

    width:110px;

}

h1{

    font-size:60px;

    font-weight:bold;

    color:#FFD54F;

}

h2{

    font-size:38px;

    font-weight:bold;

}

h3{

    font-size:26px;

}

.menu-card{

    display:block;

    text-decoration:none;

    color:white;

    background:rgba(255,255,255,.15);

    backdrop-filter:blur(10px);

    border-radius:25px;

    padding:45px;

    text-align:center;

    transition:.35s;

    box-shadow:0 10px 30px rgba(0,0,0,.25);

}

.menu-card i{

    font-size:70px;

    color:#FFD54F;

}

.menu-card h3{

    margin-top:20px;

    font-weight:bold;

}

.menu-card:hover{

    transform:translateY(-10px);

    background:#198754;

    color:white;

}

.footer{

    text-align:center;

    margin-top:60px;

    font-size:20px;

    color:white;

}