.lara-guide {
   display: flex;
   height: 100vh;
   align-items: center;
   justify-content: space-evenly;
   flex-direction: column;
   width: 100%;
   color: white;
}

.lara-guide > div {
   text-align: center;
}

.lara-guide > div:nth-child(1) p:nth-child(1) {
   font-size: 40px;
   padding: 0;
   font-weight: bold;
}

.lara-guide p {
   font-size: 20px;
   margin: 10px 5px;
}

.lara-guide #arrow {
   height: 70px;
   width: auto;
   transition: 0.5s;
   transform: rotate(0deg);
}

.lara-guide footer {
   color: white;
   background-color: rgb(58, 166, 238);
   height: 20%;
   width: 100%;
   text-align: center;
}

.lara-guide .imgdiv {
   animation-name: bounce;
   animation-duration: 1.5s;
   animation-iteration-count: infinite;
   animation-timing-function: ease;
}

@keyframes bounce {
   0% {
      transform: scale(1, 1) translateY(0);
   }
   10% {
      transform: scale(1.1, 0.9) translateY(0);
   }
   30% {
      transform: scale(0.9, 1.1) translateY(-10px);
   }
   50% {
      transform: scale(1, 1) translateY(0);
   }
   100% {
      transform: scale(1, 1) translateY(0);
   }
}

.button {
   padding: 10px;
   margin: 5px;
   width: 80%;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   background-color: #44b1a6;
   color: white;
}

.ask-modal {
   /* display: flex; */
   display: none;
   height: 100vh;
   width: 100vw;
   position: absolute;
   top: 50px;
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
   z-index: 1000;
   transition: 0.3s ease-in-out;
   align-items: center;
   justify-content: center;
}
.ask-modal.active {
   display: flex;
}
/* .downloadContainer {
   position: fixed;
   top: 0;
   left: 0;
   height: 100vh;
   width: 100vw;
   display: flex;
   align-items: center;
   justify-content: center;
} */

.download-container {
   position: fixed;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   width: 250px;
   background: rgba(250, 250, 250, 0.92);
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   border-radius: 10px;
   padding: 10px;
   max-width: 85%;
   text-align: center;
}
.download-container img {
   height: 70px;
}

.download-container button {
   background: #c4c4c4;
   /* filter: blur(4px); */
   border-radius: 5px;
   padding: 5px 10px;
   border: none;
   width: 90px;
   filter: blur(0.4px);
   margin: 10px;
   font-size: 16px;
   line-height: 21px;
   cursor: pointer;
}
.download-container button#download {
   background: #58bae7;
}

.ask-modal .closediv {
   position: absolute;
   top: 5px;
   right: 5px;
   padding: 2px;
   color: white;
   background-color: rgb(219, 57, 57);
   border-radius: 2px;
   font-size: 20px;
   cursor: pointer;
}

.ask-modal .ask-modal-container {
   padding: 30px;
   background: white;
   border-radius: 10px;
   margin: 10px;
   font-weight: bold;
}

.ask-modal .ask-modal-container > div {
   display: flex;
   justify-content: space-around;
}

.ask-modal .ask-modal-container > div button {
   padding: 10px 30px;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   margin-top: 10px;
}
.ask-modal .ask-modal-container > div button:nth-child(1) {
   background-color: rgb(219, 57, 57);
   color: white;
}

.ask-modal .ask-modal-container > div button:nth-child(2) {
   background-color: rgb(16, 146, 233);
   color: white;
}