/* Prompt styling */
#body {
  background-color: linear-gradient(to bottom, #e6fde0, #ec652a);
}

#install-prompt {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.5);
z-index: 2;
}

.card {
padding: 30px;
border-radius: 25px;
background-color: #fff;
transform: translate(-50%, -50%); /* Ajustado para também mover para cima */
position: absolute;
top: 25%; /* Reduzir o percentual fará com que suba */
left: 50%;
max-width: 400px;
width: 100%;
box-sizing: border-box;
}


.card-title {
font-size: 18px;
margin-bottom: 15px;
}

.card-text {
margin-bottom: 20px;
}

#install-button {
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
padding: 10px 20px;
cursor: pointer;
}

.tutorial-img {
transform: translate(-50%, -50%);
position: absolute;
top: 60%;
left: 50%;
}

#install-button:hover {
background-color: #0069d9;
}

.d-none {
display: none;
}