@charset "UTF-8";
/* CSS Document */


@keyframes fadeinout{
    from {filter: brightness(1);}
    to {filter: brightness(0.5);}
}

.fadeinout svg{
    animation: fadeinout 2s ease-in 0s infinite alternate;
}

.fadeinout:hover svg, .fadeinout:active svg, .open-menu .fadeinout svg{
    animation: none !important;
}


/* –––––––––––––––––––––––––––––––– */

#page-title span{
    font-family: acumin-pro, sans-serif;
    font-size:0.3em;
    letter-spacing: 0.1em;
    display: block;
    position: absolute;
    bottom:1em;
    opacity:0;
    color:#991b1e;
}

#page-title span:first-child{
    right:105%;
}

#page-title span:last-child{
    left:105%;
}

#viosTag{
    display: block;
    position: fixed;
    top:5vh;
    left:0;
    width: 100%;
    border: none;
    height:10vh;
    z-index: 20;
    pointer-events: none;
    
}
#viosTag a{
    display: block;
    position: absolute;
    left:30vh;
    top:0;
    transform: translate(-50%, 0);
    height: 100%;
    pointer-events: auto;
    -webkit-transition: all 0.20s;
            transition: all 0.20s;
}
#viosTag img{
    height: 100%;
    width:auto;
    -webkit-transition: all 0.20s;
            transition: all 0.20s;
}
#viosTag a:hover img, #viosTag a:active img{
    opacity: 0.75;
    filter: opacity(alpha=0.75);
}

#hope-announcement{
    color:#ffffff;
}

#hope-announcement:hover{
    color:#E6E384;
}

#hope-announcement:active{
    color:#8E8116;
}

#home-page-content{
    background: rgba(0,0,0,0.6);
    box-shadow: 0 0 5em 4em rgba(0,0,0,0.61);
    border-radius: 2em;
    padding:0.25em;
}