*{margin:0;padding:0;box-sizing:border-box}body{display:flex;flex-direction:column;min-height:100dvh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a2e;background-image:linear-gradient(to right,rgba(182,182,182,.2) 1px,transparent 1px),linear-gradient(to bottom,rgba(182,182,182,.2) 1px,transparent 1px);background-size:50px 50px;overflow-x:hidden}.main-div{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;width:100%;animation:fadeIn 2s ease-in-out}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:500;text-transform:uppercase;letter-spacing:.4rem;color:#fff;text-shadow:0 0 10px rgba(74,144,226,.5)}h2{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:400;color:#e0e0e0;margin-top:2.5rem}p{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.6;color:silver;max-width:60ch;margin-top:5rem}a{color:#4a90e2;text-decoration:none;font-weight:500;transition:all .2s ease}a:hover{text-decoration:underline;color:#63a4ff}footer{width:100%;padding:1.5rem;text-align:center;color:#fff6;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 768px){h1{letter-spacing:.2rem}.main-div{padding:1rem}}