Verificação de Idade

Este site é destinado à ganhos e interações com mulheres com mais de 30 anos. Para ter acesso é preciso ser maior de 18 anos.

align-items: center; cursor: pointer; } .floating-button img { width: 24px; } .blurred { filter: blur( 3px ); /* Ajuste o valor em '5px' para mais ou menos desfoque */ } /* Estilo do popup */ .popup1 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height: auto; background-color: #000000; color: white; padding: 20px; border-radius: 10px; text-align: center; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); z-index: 1000; } .popup1 h2 { font-size: 50px; margin: 0 0 10px; } .popup1 p { font-size: 20px; margin: 0 0 15px; } .popup1 .close-btn1 { position: absolute; top: 10px; right: 10px; background-color: transparent; border: none; color: white; font-size: 18px; cursor: pointer; } .popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #000000; padding: 10px; border-radius: 10px; color: white; z-index: 1000; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3); width: 80%; height: 70%; } .popup .close-btn { position: absolute; top: 10px; right: 10px; background: transparent; border: none; color: white; font-size: 18px; cursor: pointer; } .popup-content { height: 100%; } .chat-container { margin: auto; display: flex; flex-direction: column; background-color: #0a1014; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); overflow: hidden; height: 100%; } .chat-header { background-color: #000000; color: white; padding: 10px 15px; display: flex; align-items: center; justify-content: space-between; } .chat-header .profile { display: flex; align-items: center; gap: 10px; } .chat-header .profile img { width: 40px; height: 40px; border-radius: 50%; } .chat-header .profile span { font-size: 16px; font-weight: bold; } .chat-header .icons img { width: 20px; height: 20px; cursor: pointer; } .chat-body { flex: 1; padding: 15px; overflow-y: auto; background-image: url(https://i.pinimg.com/736x/34/8f/c9/348fc9806e32bba0fb4c42e799ddf880.jpg); background-size: cover; /* Faz a imagem cobrir toda a área */ background-position: center; /* Centraliza a imagem */ background-repeat: no-repeat; /* Impede a repetição da imagem */ display: flex; flex-direction: column; } .message { margin: 5px 0; padding: 10px; border-radius: 8px; max-width: 70%; font-size: 14px; } .bot-message { background-color: white; color: black; align-self: flex-start; } .user-message { background-color: #FF64C5; color: rgb(255, 255, 255); align-self: flex-end; } .input-container { position: fixed; bottom: 0; left: 0; right: 0; background-color: #f5f5f500; padding: 25px 30px; display: flex; gap: 10px; align-items: center; } .input-container input { flex: 1; padding: 10px; border: none; border-radius: 20px; background-color: #ffffff; color: rgb(0, 0, 0); outline: none; } .input-container button { background-color: #005c4b; color: white; border: none; padding: 10px 15px; border-radius: 20px; cursor: pointer; } .input-container button:hover { background-color: #00443a; } .hidden { display: none; } .options { display: flex; gap: 10px; justify-content: center; margin-top: 20px; } .option-button { background-color: #FF64C5; /* Verde */ color: white; border: none; border-radius: 5px; padding: 10px 20px; font-size: 16px; cursor: pointer; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); transition: background-color 0.3s ease, transform 0.2s ease; } .option-button:hover { background-color: #45a049; /* Verde mais escuro */ transform: scale(1.05); } .option-button:active { transform: scale(1); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); } .audio-message { display: flex; align-items: center; gap: 10px; padding: 10px; background-color: #f1f1f1; border-radius: 10px; margin: 10px 0; max-width: 300px; } .audio-button { width: 30px; height: 30px; background-color: #007bff; border: none; border-radius: 50%; color: white; display: flex; justify-content: center; align-items: center; cursor: pointer; font-size: 18px; } .audio-button:hover { background-color: #0056b3; } .audio-timeline { flex-grow: 1; height: 5px; background-color: #ddd; border-radius: 5px; overflow: hidden; position: relative; } .audio-progress { height: 100%; background-color: #007bff; width: 0%; transition: width 0.1s linear; } .new-user-button { background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; } .new-user-button:hover { background-color: #0056b3; }