/* reset */
* {margin:0; padding:0; box-sizing:border-box;}
body, html {height:100%; overflow:hidden; font-family: 'Arial', sans-serif; background:#111;}

#background {
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:linear-gradient(45deg, #1a1a1a, #222, #111, #333);
    background-size:400% 400%;
    animation: gradientMove 15s ease infinite;
    z-index:-1;
}

@keyframes gradientMove {
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

.container {
    height:100vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    text-align:center;
    color:#fff;
}

#title {
    font-size:5rem;
    cursor:default;
    transition: transform 0.1s;
}

.subtitle {
    margin-top:10px;
    font-size:1.5rem;
    opacity:0.7;
}

.socials {
    margin-top:30px;
    display:flex;
    gap:20px;
}

.socials a {
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    transition: color 0.3s;
}

.socials a:hover {color:#ff0055;}