body {
    background: #444444;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1rem;
}

img, video {
    width: 100%;
    height: auto;
    display: block;
}

nav {
    background: #004a57;
}
.navbar-toggler {
    background: linear-gradient(90deg,#00d9ff70,#314fe294, #00d9ff23,#00d9ff70);
    background-size: 300% 10%;
    animation: scroll 20s linear infinite;
}
.navbar-brand {
    color: #e4e4e4 !important;
    padding: 2vw;
    border: #14213594;

    background-size: cover; background-repeat: no-repeat;
    background-image: url('../design/handcircle.png');
}
.nav-link {
    text-align: center;
    color: #4affff;
    transition: .7s cubic-bezier(.51,.89,0,1);

    border-color: rgba(255, 255, 255, 0);
    border: none;
}
.nav-link:hover {
        color: white;
}



@keyframes scroll {
    from{background-position: 0% 0%;}
    
    to{background-position: 300% 0%;}
}

.nav-link.active {
    color: white !important;
    background: repeat linear-gradient(90deg,#444444, purple, black, #444444 );
    background-size: 400% 100%;
    border: white .1em solid;
    border-radius: 1em;
    animation: activepage 10s linear infinite;
}

@keyframes activepage {
    from{background-position: 0%}
    to{background-position: 400%;}
}

a:not(.nav-link) {
    font-size: 1.4rem;
    color: #7ec5ff;
    :visited {
        color: #3a5458;
    }
}

td {
    border: groove black .15em;
    padding: .3em;
}

.icon {
    display: inline;
    width: 2.5rem;
    height: auto;
}

img {
    border: black 1px;
    border-style:dashed;
}

.img-thumbnail {
    border-color: white;
    padding: .5rem;
    background-color: black;
}
blockquote {
    text-align: left;
}