* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
#navigation {
    background: #02254b;
    height: 70px;   
    color: white;
}

#footer {
   
    background: #02254b;
    color: white;

}

.card {
    margin: 8px;
    width: 60%;
    box-shadow: 3px 3px 8px 3px #888888;
    border-radius: 16px;
    transition: box-shadow 1.1 ease-in-out 0s;

}

.gradient {
    /* color: transparent; */
    color: grey;
    animation: blink 2s ease-in-out infinite;
}
@keyframes blink {
    0% {
        text-shadow: 4px 4px 4px #ccc;
    }
    50% {
        text-shadow: 4px 4px 36px #02254b;
    }
    100% {
        text-shadow: 4px 4px 4px #ccc;
    }
}
.btn {
    padding: 7px 15px;
    font-size: large;
    border-radius: 12px;
    background-color: #02254b;
    color: white;
}
.card:hover {
    box-shadow: 3px 3px 20px 3px #888888;
}


.github {
    padding: 3px 6px;
    border-radius: 12px;

}