@charset "utf-8";
body{font-family:MavenPro;}
body{
    --link-button-bg-color:#FFFFFF;
    --link-button-font-color: #222222;

    --link-button-border-color: #FFFFFF;
    --link-button-border-font-color: #FFFFFF;
    --link-button-border-bg-color: rgba(0,0,0,0);

    --link-button-bg-thumbnail-color:#222222;
    --link-button-bg-thumbnail-border-color:#222222;
    --link-button-border-thumbnail-color:#FFFFFF;
    --link-button-border-thumbnail-border-color:#FFFFFF;

    --link-social-color:#FFFFFF;
    --link-social-border-color:#FFFFFF;
}
.bg div{background:rgba(183,205,220,1)}
section,.desc,.text h3{color:#FFFFFF}
.item{border-radius:50vh!important;background-color:var(--link-button-border-bg-color)!important;border:2px solid var(--link-button-border-color)!important;color:var(--link-button-border-font-color)!important;}
.item .btn .btn-text, .item .btn-text .link-text{color:var(--link-button-border-font-color)!important;}

.footer p a{color:#FFFFFF}
.footer p a:hover{color:#FFFFFF}
@media only screen and (max-width:767px){
}
.animate-container{position:fixed;top: -100%;
        left: -100%;
        bottom: -100%;
        right: -100%;margin:0 auto;z-index:-1;background:rgba(183,205,220,1)}
.animate-container {
	background:linear-gradient(45deg,  #ffc700 0%, #e91e1e 50%, #6f27b0 100%);
    background-size: 100% 100%;
    animation: Gradient 24s infinite linear alternate;
}
@keyframes Gradient {
	0% {
        transform: translate(30%, 30%);
    }
    25% {
        transform: translate(30%, -30%);
    }
    50% {
        transform: translate(-30%, -30%);
    }
    75% {
        transform: translate(-30%, 30%);
    }
    100% {
        transform: translate(30%, 30%);
    }
}