.bg-1
{
    background: linear-gradient(-45deg, #62300a, #ca8e1b, #deb25f, #fcdd8b);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
}
.bg-2
{
    background: linear-gradient(-45deg, #5f67e9, #d1a607, #d07214, #fde84e);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
}
.bg-3
{
    background: linear-gradient(-45deg, #5f67e9, #d1a607, #d07214, #fde84e);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
}
.bg-4
{
    background: linear-gradient(-45deg, #3465ea, #cca2f6, #f3e5f5, #90371d);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
}
.bg-5
{
    background: linear-gradient(-45deg, #321c53, #de3547, #fe5373, #fd8e5c);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
}
.bg-6
{
    background: linear-gradient(-45deg, #0f00ff, #b75863, #e77d8e, #fb9e9d);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
}
.bg-7
{
    background: linear-gradient(-45deg, #04416a, #1ea8e6, #a1d5ee, #dadbdc);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
}
.bg-8
{
    background: linear-gradient(-45deg, #5a0ad1, #050408, #272829, #5f5b5c);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
}
.container-fluid
{
    padding-top: 70px;
    padding-bottom: 70px;
}
.container-fluid-1
{
    padding-top: 35px;
    padding-bottom: 35px;
}
.container-fluid-2
{
    padding-top: 1px;
    padding-bottom: 1px;
}
.navbar
{
    padding-top: 5px;
    padding-bottom: 5px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 5px;
}
.navbar-nav li a:hover
{
    color: #1abc9c !important;
}
body
{
    line-height: 1.8;
    color: #f5f6f7;
}
.margin
{
    margin-bottom: 45px;
}
link
{
    text-decoration: none;
}
h2
{
    font-size: 30px;
    font-weight: bolder;
    background: linear-gradient(-45deg, #181719, #6e797c, #df6fb7, #d5d2eb);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
    border-radius: 8px;
    box-shadow: 3px 3px 3px #ababab;
    margin-bottom: -10px;
}
h3
{
    font-size: 45px;
    font-weight: bolder;
}
p
{
    font-size: 16px;
}
.p1
{
    font-size: 16px;
    text-align: left;
}
.p2
{
    font-size:20px;
}
body, h1, h2, h3, h4, h5, h6, .p1
{
    font-family: "Orbitron";
    text-shadow: 3px 3px 3px #ababab;
}
span
{
    color: yellow;
}
#section1{}
#section2{}
a:link
{
    color: black;
}
a:hover
{
    color: white;
    text-decoration: none;
}
a:active
{
    color: grey;
}
.button1
{
    background-color: white;
    color:black;
    border: 2px solid red;
    margin-bottom: 10px;
    border-radius: 8px;
    text-shadow: 3px 3px 3px #ababab;
    animation-name: button;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate;
}
.button1:hover
{
    animation-name: button;
    animation-duration: 0.25s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate;
}
.img-circle
{
    position: relative;
    animation: profile 2.5s infinite linear;
}
img
{
    border-radius: 8px;
    animation-name: a;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate;
}
.img-1
{
    box-shadow: none;
    animation: none;
}
.img-2
{
    border-radius: 0px;
    box-shadow: none;
    animation: none;
}
@keyframes profile
{
    0%{top:0px; box-shadow: 5px 5px 10px yellow;}
    25%{top:-4px; box-shadow: 5px 5px 30px yellow;}
    50%{top:0px; box-shadow: 5px 5px 50px yellow;}
    75%{top:4px; box-shadow: 5px 5px 30px yellow;}
    100%{top:0px; box-shadow: 5px 5px 10px yellow;}
}
@keyframes a
{
    0%{box-shadow: 1px 1px 8px #E3FDFD, 
        2px 2px 8px #CBF1F5, 
        3px 3px 8px #A6E3E9, 
        4px 4px 8px #71C9CE;}
    25%{box-shadow: 1px 1px 12px #E3FDFD, 
        2px 2px 12px #CBF1F5, 
        3px 3px 12px #A6E3E9, 
        4px 4px 12px #71C9CE;}
    50%{box-shadow: 1px 1px 16px #E3FDFD, 
        2px 2px 16px #CBF1F5, 
        3px 3px 16px #A6E3E9, 
        4px 4px 16px #71C9CE;}
    75%{box-shadow: 1px 1px 20px #E3FDFD, 
        2px 2px 20px #CBF1F5, 
        3px 3px 20px #A6E3E9, 
        4px 4px 20px #71C9CE;}
    100%{box-shadow: 1px 1px 24px #E3FDFD, 
        2px 2px 24px #CBF1F5, 
        3px 3px 24px #A6E3E9, 
        4px 4px 24px #71C9CE;}
}
@keyframes button
{
    0%{background-color: white;}
    100%{background-color: red; 
        box-shadow: 0 0 1px 1px #FFFFFF,
        0 0 2px 2px #FA8072,
        0 0 3px 3px #DC143C,
        0 0 4px 4px #FF0000;
        color: white;
    }
}
@keyframes button1
{
    0%{filter:opacity(.3) grayscale(100);} 
    100%{filter:opacity(1) grayscale(0);}
}
@keyframes gradient 
{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
@-webkit-keyframes animatebottom 
{
    from {bottom:-100px; opacity:0;} 
    to {bottom:0px; opacity:1}
}
@keyframes animatebottom 
{ 
    from{bottom:-100px; opacity:0 } 
    to{bottom:0; opacity:1 }
}
.btn1
{
    animation-name: button1;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: alternate;
}
.btn1:hover
{
    animation:none;
}
.progress-bar
{
    background-color: #38ACEC;
    box-shadow: 3px 3px 3px #ababab;
    border-radius: 8px;
}
.progress
{
    box-shadow: 3px 3px 3px #ababab;
    border-radius: 8px;
}
.bg-primary
{
    box-shadow: 3px 3px 3px #ababab;
    background: linear-gradient(-45deg, #117561, #36a97c, #3bd68d, #d5fed9);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite; 
    border-radius: 8px;
}
/* Add animation to "page content" */
.animate-bottom 
{
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}
#myDiv 
{
    display: none;
    text-align: center;
}
.zoom 
{
    transition: transform .2s;
    margin: 0 auto;
}
.zoom:hover 
{
    -ms-transform: scale(1.05); /* IE 9 */
    -webkit-transform: scale(1.05); /* Safari 3-8 */
    transform: scale(1.05); 
}