@font-face {
    font-family: dana;
    src: url('fonts/dana-fanum-regular.woff');
    }
body {
    font-family: dana;
    font-size: 12px;
}
.my-bg-gradient1 {
    background: linear-gradient( green, #07edcb , #ebb400);
}
.my-bg-gradient2 {
    background: linear-gradient(270deg, #e500ff, #8c0015, #ab7b00, #4900ca);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}
.my-bg-gradient3 {
    background: linear-gradient(294deg, #0cffc0, #ffd00c, #bb0cff, #ff0cac, #00ac3e, #1100ac);
    background-size: 1200% 1200%;

    -webkit-animation: AnimationName 20s ease infinite;
    -moz-animation: AnimationName 20s ease infinite;
    animation: AnimationName 20s ease infinite;
}
.my-bg-gradient4 {
    background: linear-gradient(270deg, #00ecff, #00ffc3, #12dd00, #b9dd00, #f7de00, #f7b200, #f77000, #f72300, #f70082, #f700e4, #c800f7, #8600f7, #5a00f7, #0107a0);
    background-size: 2800% 2800%;

    -webkit-animation: AnimationName 60s ease infinite;
    -moz-animation: AnimationName 60s ease infinite;
    animation: AnimationName 60s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
p {
    font-size: 15px;
}
.overshadow:hover {
    box-shadow: 0px 0px 20px rgb( 0, 0, 0, 0.8);
}