body{
    font-family: Arial, sans-serif;
    background:#f5f7fa;
    text-align:center;
    margin:0;
}

h1{
    margin-top:40px;
    font-size:40px;
}

.button-container{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:30px;
    padding:60px;
}

.kiosk-button{
    display:flex;
    align-items:center;
    justify-content:center;

    height:120px;

    font-size:26px;
    font-weight:bold;

    text-decoration:none;
    color:white;

    border-radius:15px;

    box-shadow:0 6px 14px rgba(0,0,0,0.2);

    transition:all 0.2s ease;
}

.kiosk-button:hover{
    transform:scale(1.05);
}

.blue{
    background:#2c7be5;
    
}

.green{
    background:#00a86b;
    
}

.red{
    background:#d9534f;
    
}