.post-inner-area {background: 0 0;}.post-body th {background-color: #2bb673;}#PopularPosts1, #comments, #footer, #sidebar, #sidebar-container, .bg-photo-container, .bg-photo-overlay, .centered-top-container, .collapsed-header1 .centered-top-placeholder, .comments-section.comments-system-default, .entry-title, .page header1, .post-share-buttons, .static_page .item-post h1.entry-title, h3.post-title {display: none;}#feed-view {width: 100%;} /* General Body Styling */ body { margin: 0; padding: 0; } /* General styling for the tool container */ .tool-container { margin: 50px auto; padding: 20px; background: linear-gradient(135deg, #32a59b, #23bf85); border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); } /* Region selector styling */ .input-container select { padding: 6px; font-size: 18px; border-radius: 10px; border: 1px solid #333; width: 150px; /* Make the select box smaller */ background-color: #f4f4f4; color: #333; margin-left: 5px; margin-top: 5px; /* Add some top margin for spacing */ } /* Dark mode region selector styling */ .dark .input-container select { background-color: #2c3e50; color: #ecf0f1; border-color: #34495e; } .post-body table { background: none; } /* Dark mode styling for the tool container */ .dark .tool-container { background: linear-gradient(135deg, #1b2631, #0c1c24); /* Darker gradient */ color: #f4f4f4; } /* Header styling */ .header { text-align: center; margin-bottom: 20px; } .header h1 { font-size: 28px; color: #fff; font-weight: 600; } /* Dark mode header */ .dark .header h1 { color: #ddd; } /* Input container styling */ .input-container { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; } .input-container input { padding: 12px; font-size: 18px; border-radius: 10px; border: 1px solid #333; width: 70%; /* Make input larger on big screens */ max-width: 600px; /* Set max width to control expansion */ background-color: #f4f4f4; color: #333; margin: 5px 0; /* Add margin to create spacing */ } /* Dark mode input styling */ .dark .input-container input { background-color: #2c3e50; /* Dark background */ color: #ecf0f1; /* Lighter text */ border-color: #34495e; /* Darker border */ } .input-container input:focus { outline: none; border-color: #4e5b6e; } /* Button styling */ .input-container button { padding: 12px 25px; margin-left: 15px; background-color: #4CAF50; color: white; border: none; border-radius: 10px; cursor: pointer; transition: background-color 0.3s ease; width: 150px; /* Make button smaller on big screens */ margin-top: 5px; /* Add margin for spacing */ } .input-container button:hover { background-color: #45a049; } /* Dark mode button styling */ .dark .input-container button { background-color: #27ae60; /* Darker button color */ } .dark .input-container button:hover { background-color: #1f834e; } /* Styling the result container */ .result-container { display: none; margin-top: 20px; } .result-container table { width: 100%; border-collapse: collapse; } .result-container th, .result-container td { padding: 12px; text-align: left; border: 1px solid #444; } /* Dark mode result styling */ .dark .result-container th, .dark .result-container td { border-color: #3a4a57; } .export-buttons { margin-top: 20px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; /* Allow buttons to wrap */ } .export-buttons button { padding: 12px 25px; background-color: #008CBA; color: white; border: none; border-radius: 10px; cursor: pointer; transition: background-color 0.3s ease; width: 150px; /* Make export buttons smaller on big screens */ } .export-buttons button:hover { background-color: #007B9E; } /* Dark mode export button styling */ .dark .export-buttons button { background-color: #2980b9; /* Darker blue button */ } .dark .export-buttons button:hover { background-color: #1c6b8f; } /* Responsive design adjustments */ @media (max-width: 768px) { .tool-container { padding: 15px; margin: 20px auto; } .input-container input, .input-container select, .input-container button { width: 100%; /* Make everything full width */ max-width: 100%; /* Prevent any overflow */ } .export-buttons button { padding: 10px 20px; max-width: 100%; width: 100%; } } @media (max-width: 480px) { .tool-container { padding: 10px; margin: 10px auto; } .input-container input { font-size: 16px; } .input-container button { padding: 10px 18px; } .export-buttons button { padding: 8px 15px; } .header h1 { font-size: 22px; } .result-container table { font-size: 14px; } .result-container th, .result-container td { padding: 8px; } }
Free Fire Account Data Export Tool | Try For Free
.post-inner-area {background: 0 0;}.post-body th {background-color: #2bb673;}#PopularPosts1, #comments, #footer, #sidebar, #sidebar-container, .bg-photo-container, .bg-photo-overlay, .centered-top-container, .collapsed-header1 .centered-top-placeholder, .comments-section.comments-system-default, .entry-title, .page header1, .post-share-buttons, .static_page .item-post h1.entry-title, h3.post-title {display: none;}#feed-view {width: 100%;} /* General Body Styling */ body { margin: 0; padding: 0; } /* General styling for the tool container */ .tool-container { margin: 50px auto; padding: 20px; background: linear-gradient(135deg, #32a59b, #23bf85); border-radius: 15px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); } /* Region selector styling */ .input-container select { padding: 6px; font-size: 18px; border-radius: 10px; border: 1px solid #333; width: 150px; /* Make the select box smaller */ background-color: #f4f4f4; color: #333; margin-left: 5px; margin-top: 5px; /* Add some top margin for spacing */ } /* Dark mode region selector styling */ .dark .input-container select { background-color: #2c3e50; color: #ecf0f1; border-color: #34495e; } .post-body table { background: none; } /* Dark mode styling for the tool container */ .dark .tool-container { background: linear-gradient(135deg, #1b2631, #0c1c24); /* Darker gradient */ color: #f4f4f4; } /* Header styling */ .header { text-align: center; margin-bottom: 20px; } .header h1 { font-size: 28px; color: #fff; font-weight: 600; } /* Dark mode header */ .dark .header h1 { color: #ddd; } /* Input container styling */ .input-container { display: flex; justify-content: center; flex-wrap: wrap; margin-bottom: 20px; } .input-container input { padding: 12px; font-size: 18px; border-radius: 10px; border: 1px solid #333; width: 70%; /* Make input larger on big screens */ max-width: 600px; /* Set max width to control expansion */ background-color: #f4f4f4; color: #333; margin: 5px 0; /* Add margin to create spacing */ } /* Dark mode input styling */ .dark .input-container input { background-color: #2c3e50; /* Dark background */ color: #ecf0f1; /* Lighter text */ border-color: #34495e; /* Darker border */ } .input-container input:focus { outline: none; border-color: #4e5b6e; } /* Button styling */ .input-container button { padding: 12px 25px; margin-left: 15px; background-color: #4CAF50; color: white; border: none; border-radius: 10px; cursor: pointer; transition: background-color 0.3s ease; width: 150px; /* Make button smaller on big screens */ margin-top: 5px; /* Add margin for spacing */ } .input-container button:hover { background-color: #45a049; } /* Dark mode button styling */ .dark .input-container button { background-color: #27ae60; /* Darker button color */ } .dark .input-container button:hover { background-color: #1f834e; } /* Styling the result container */ .result-container { display: none; margin-top: 20px; } .result-container table { width: 100%; border-collapse: collapse; } .result-container th, .result-container td { padding: 12px; text-align: left; border: 1px solid #444; } /* Dark mode result styling */ .dark .result-container th, .dark .result-container td { border-color: #3a4a57; } .export-buttons { margin-top: 20px; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; /* Allow buttons to wrap */ } .export-buttons button { padding: 12px 25px; background-color: #008CBA; color: white; border: none; border-radius: 10px; cursor: pointer; transition: background-color 0.3s ease; width: 150px; /* Make export buttons smaller on big screens */ } .export-buttons button:hover { background-color: #007B9E; } /* Dark mode export button styling */ .dark .export-buttons button { background-color: #2980b9; /* Darker blue button */ } .dark .export-buttons button:hover { background-color: #1c6b8f; } /* Responsive design adjustments */ @media (max-width: 768px) { .tool-container { padding: 15px; margin: 20px auto; } .input-container input, .input-container select, .input-container button { width: 100%; /* Make everything full width */ max-width: 100%; /* Prevent any overflow */ } .export-buttons button { padding: 10px 20px; max-width: 100%; width: 100%; } } @media (max-width: 480px) { .tool-container { padding: 10px; margin: 10px auto; } .input-container input { font-size: 16px; } .input-container button { padding: 10px 18px; } .export-buttons button { padding: 8px 15px; } .header h1 { font-size: 22px; } .result-container table { font-size: 14px; } .result-container th, .result-container td { padding: 8px; } }
