@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html, body{
margin:0;
padding:0;
}
body {
font-family: "Inter", Arial, sans-serif;
background: #f5f5f5;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
.dots {
max-width: 70px;
text-align: center;
margin: 0 auto 15px;
}
.dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
background-color: #f5ad23;
border-radius: 50%;
animation: blink 1.4s infinite;
}
.dot:nth-child(2) { animation-delay: 0.2s; }
.dot:nth-child(3) { animation-delay: 0.4s; }
@keyframes blink {
  0%, 80%, 100% { opacity: 0.3; }
  40% { opacity: 1; }
}
.message strong{
text-align: center;
display: block;
font-size: 22px;
color: #212121;
margin: 0 auto 10px;
}
.message p{
margin: 0 auto 20px;
color: #555;
font-size: 16px;
text-align: center;
}
.small {
color: #555;
font-size: 13px;
margin-top: 10px;
display: block;
text-align: center;
line-height: 20px;
opacity: 0.8;
margin-bottom: 50px;
}
.link {
color: #2980b9;
text-decoration: none;
}

@media(max-width:776px){
body{
padding:0 12px;
}
.message strong {
font-size: 20px;
max-width: 300px;
}
.message p {
font-size: 15px;
max-width: 330px;
}

}