/* ===========================

   LOGO

=========================== */



.logo {

    display: flex;

    align-items: center;

    gap: 14px;

    text-decoration: none;

    margin-right: auto;

}



.logo-symbol {

    width: 85px;

    height: 55px;

}



    .logo-symbol svg {

        width: 100%;

        height: 100%;

    }



.logo-text {

    display: flex;

    flex-direction: column;

}



.brand {

    font-size: 30px;

    font-weight: 700;

}



.match {

    color: #2EA3F2;

}



.glo {

    color: #FF7A00;

}



.logo-subtitle {

    font-size: 12px;

    color: #666;

    margin-top: 3px;

}



.logo img {

    transition: .35s ease;

}



    .logo img:hover {

        transform: scale(1.12);

    }



.logo-area h1 {

    font-size: 64px;

    margin-bottom: 10px;

}