body
{ background : #cccc00; }

.center { margin: 0 auto; }

.center-content { text-align: center; }

.second-face { font-family: Voces; }


#Masthead
{
    display : flex;
    align-items : center;
    justify-content : space-between;
    flex-wrap : wrap;
    color : #cccc00;
    background : #000;
    padding : 1rem 0.5rem;
    max-width: 800px;
    margin: 0 auto;
}

#Masthead .masthead-logo
{ max-height : 85px; }

#MastheadTitle
{ font-family : 'Patua One'; font-size : 2rem; line-height: 2rem;}

.masthead-menu ul
{ display : flex; align-items : center; list-style : none; }

.masthead-menu ul li
{ margin-right : 1.25rem; font-family : 'Patua One'; text-align : center; }

.masthead-menu ul li a
{ color : #cccc00; text-decoration : none; }

.masthead-menu ul li a:hover
{ color : #c0c0c0; }

.masthead-menu ul li.menu-dot
{ font-size : 2rem; }


#HomeMain
{ background: rgba(255,255,255,0.4); max-width: 800px; height: 100vh; margin: 8px auto; padding: 0 0.5rem; }

#HomeSlider
{ text-align: center; height: 300px; }

#HomeSlider .glide__slide img { height: 300px; }


article.body { position: relative; width: 800px; margin: 1rem auto; color: #333333; }

.animated-text-wrapper
{ position: relative; height: 60px; margin: 1.5rem 0; }

.animated-text { position: absolute; left: 50%; transform: translateX(-50%); transition: transform 2s ease-in-out; }

.you-are, .what-you-are { font-family: Patua One; font-size: 2rem; }

.you { font-size: 3rem; color: #FF3E41; }