neru/HexUnlockedWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: run format:apply

Browse Source
This commit is contained in:
neru
2026-06-19 04:29:24 -03:00
parent f51a71a574
commit c2b94bec4a
36 changed files with 3251 additions and 2597 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/AppContainer.module.css
+62 -54
View File
@@ -1,83 +1,91 @@
.overlay {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
width: 100vw;
background: #000000;
color: #ffffff;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
width: 100vw;
background: #000000;
color: #ffffff;
font-family: 'Roboto Condensed', sans-serif;
text-align: center;
}
.card {
background: #050505;
border: 1px solid #1a1a1a;
border-top: 3px solid #a30000;
padding: 3rem 4rem;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
min-width: 400px;
background: #050505;
border: 1px solid #1a1a1a;
border-top: 3px solid #a30000;
padding: 3rem 4rem;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
min-width: 400px;
}
.title {
font-size: 2.25rem;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 0.05em;
margin: 0 0 0.5rem 0;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
font-family: 'Oswald', sans-serif;
font-size: 2.25rem;
text-transform: uppercase;
color: #ffffff;
letter-spacing: 0.05em;
margin: 0 0 0.5rem 0;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.8);
font-family: 'Oswald', sans-serif;
}
.subtitle {
font-size: 0.9rem;
color: #777777;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0 0 2rem 0;
font-size: 0.9rem;
color: #777777;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0 0 2rem 0;
}
.spinner {
width: 36px;
height: 36px;
border: 3px solid #1a1a1a;
border-top: 3px solid #a30000;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 2rem;
width: 36px;
height: 36px;
border: 3px solid #1a1a1a;
border-top: 3px solid #a30000;
border-radius: 50%;
animation: spin 1s linear infinite;
margin-bottom: 2rem;
}
.helpText {
color: #555555;
font-size: 0.85rem;
margin-top: 1rem;
letter-spacing: 0.05em;
text-transform: uppercase;
animation: fadeIn 1s ease-in;
color: #555555;
font-size: 0.85rem;
margin-top: 1rem;
letter-spacing: 0.05em;
text-transform: uppercase;
animation: fadeIn 1s ease-in;
}
.link {
color: #a30000;
text-decoration: none;
font-weight: bold;
transition: all 0.2s ease;
color: #a30000;
text-decoration: none;
font-weight: bold;
transition: all 0.2s ease;
}
.link:hover {
color: #ff0000;
text-shadow: 0 0 10px rgba(163, 0, 0, 0.4);
color: #ff0000;
text-shadow: 0 0 10px rgba(163, 0, 0, 0.4);
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
from {
opacity: 0;
}
to {
opacity: 1;
}
}