0px;
word-wrap: break-word;
}
.file-info h2 {
font-size: 24px;
margin-bottom: 20px;
color: #fff;
}
.file-info p {
margin: 5px 0;
color: #bbb;
}
.btn-custom {
width: 100%;
padding: 10px;
font-size: 14px;
font-weight: bold;
border-radius: 25px;
margin-bottom: 10px;
max-width: 250px;
}
.btn-instant {
background-color: #dc3545;
color: #fff;
}
.btn-instant:hover {
background-color: #c82333;
}
.btn-google {
background-color: #28a745;
color: #fff;
}
.btn-google:hover {
background-color: #218838;
}
.btn-primary {
background-color: #007bff;
color: #fff;
}
.btn-primary:hover {
background-color: #0056b3;
}
.btn-server {
background-color: #17a2b8;
color: #fff;
}
.btn-server:hover {
background-color: #117a8b;
}
.reload {
margin-top: 40px;
color: #bbb;
}
.rebutton {
display: block;
background-color: #d4fc0d;
color: #333;
padding: 12px 24px;
border-radius: 24px;
text-decoration: none;
font-size: 20px;
font-weight: bold;
transition: all 0.3s ease;
margin: 30px auto;
text-align: center;
width: 70%;
max-width: 200px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
border: none;
}
.rebutton:hover {
background-color: #ddd;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4);
}
.rebutton:active {
transform: translateY(2px);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}
.rebutton:focus {
outline: none;
}
.footer {
margin-top: 20px;
font-size: 14px;
color: #bbb;
}
@media screen and (max-width: 768px) {
.file-info h2 {
font-size: 22px;
}
.btn-custom {
font-size: 12px;
padding: 8px;
}
.reload h3 {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.btn-custom {
font-size: 14px;
padding: 8px;
}
}
@media screen and (max-width: 480px) {
.file-info h2 {
font-size: 20px;
}
.btn-custom {
font-size: 12px;
padding: 8px;
}
.reload h3 {
font-size: 14px;
}
}
h2 {
text-align: center;
margin-bottom: 30px;
}
p {
text-align: center;
}
.btn-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 20px;
}
.btn-group .btn {
margin: 5px;
min-width: 120px;
}
@media (max-width: 576px) {
.btn-group {
flex-direction: column;
align-items: center;
}
.btn-group .btn {
width: 100%;
margin: 5px 0;
}
}
.file-info {
background-color: #333;
padding: 20px;
border-radius: 10px;
text-align: center;
}
.file-info p {
margin: 10px 0;
}
.download-btn {
background-color: #d9534f;
color: #fff;
font-weight: bold;
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
text-decoration: none;
}
.reload-btn {
background-color: #f0ad4e;
color: #fff;
font-weight: bold;
padding: 10px 20px;
border-radius: 5px;
display: inline-block;
margin-top: 20px;
text-decoration: none;
}