body{
    background-color: black;
    padding: 0;
    margin: 0;
    text-align: center;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

.content{
    opacity: 0.8;
    position: relative;
    padding: 2%;
}

.image{
    position: relative;
    top: -10%;
    background-image: url('./assets/TecivityLogo.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 6% auto;
    width: 400px;
    height: 400px;
}

.glow::before,.glow::after{
    content: '';
    position: absolute;
    left: -2px;
    top: -2px;
    background: linear-gradient(45deg,#e6fb04,#ff6600,#00ff66,#00ffff,#ff00ff,#ff0099,#6e0dd0,#ff3300,#099fff);
    background-size: 400%;
    width: calc(100% + 5px);
    height: calc(100% + 5px);
    z-index: -1;
    animation: animate 20s linear infinite;
}

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

.glow::after{
    filter: blur(20px);
}

.footer{
    position: relative;
    color: #7c7c7c;
}