@font-face{
    font-family:'Inercia';
    src:url('assets/fonts/Inercia-Regular.ttf') format('truetype');
}

@font-face{
    font-family:'InerciaBold';
    src:url('assets/fonts/Inercia-Bold.ttf') format('truetype');
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#111111;
    color:#ffffff;
    font-family:'Inercia',sans-serif;
}

.maintenance{
    width:100%;
    min-height:100vh;

    display:flex;
    flex-direction:column;

    justify-content:center;
    align-items:center;

    text-align:center;

    padding:40px;
}

.logo{
    width:500px;
    margin-bottom:50px;
}

h1{
    font-family:'InerciaBold',sans-serif;
    font-size:72px;
    color:#F7A51A;
    letter-spacing:2px;
    margin-bottom:20px;
}

p{
    font-size:22px;
    line-height:1.7;
    color:#d4d4d4;
    max-width:700px;
}

@media (max-width:768px){

    .logo{
        width:170px;
    }

    h1{
        font-size:42px;
    }

    p{
        font-size:18px;
    }

}
.socials{
    margin-top:70px;
    text-align:center;
}

.social-title{
    color:#bdbdbd;
    margin-bottom:20px;
    font-size:18px;
}

.social-icons{
    display:flex;
    justify-content:center;
    gap:22px;
}

.social-icons a{
    width:60px;
    height:60px;
    border:2px solid #F7A51A;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:28px;
    transition:.3s ease;
}

.social-icons a:hover{
    background:#F7A51A;
    color:#111;
    transform:translateY(-4px);
    box-shadow:0 0 20px rgba(247,165,26,.35);
}