.line {

    font-size: 20%;
    background-color: white;
    color: white;

    margin-top: 30px;
    margin-bottom: 30px;

    border-top-width: 4px;
    border-top-style: solid;

    border-bottom-width: 4px;
    border-bottom-style: solid;


    width: 100%;

    animation-name: line;
    animation-duration: 4s;
    animation-iteration-count: infinite;

    display: block;
}

@keyframes line {

    0% {border-top-color: blue; border-bottom-color: blue; box-shadow: 0px 5px 10px blue, 0px -5px 10px blue;}
    20%{border-top-color: red; border-bottom-color: red; box-shadow: 5px 5px 10px red, 0px -5px 10px red;}
    40%{border-top-color: rgb(68, 255, 0); border-bottom-color: rgb(68, 255, 0); box-shadow: 0px 5px 10px rgb(68, 255, 0), 0px -5px 10px rgb(68, 255, 0);}
    60%{border-top-color: rgb(255, 0, 255); border-bottom-color: rgb(255, 0, 255); box-shadow: 0px 5px 10px rgb(255, 0, 255), 0px -5px 10px rgb(255, 0, 255);}
    80%{border-top-color: blue; border-bottom-color: blue; box-shadow: 5px 5px 10px blue, 0px -5px 10px blue;}
    100%{border-top-color: blue; border-bottom-color: blue; box-shadow: 5px 5px 10px blue, 0px -5px 10px blue;}
}

.footer {

    font-size: 100%;
    width: 100%;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    text-align: center;
    margin-bottom: 15px;

    border-width: 0px;
    padding: 0px;
    background-color: rgba(0, 0, 0, 0);
}