@import url('https://fonts.googleapis.com/css2?family=Arvo:wght@300;400;500;700&display=swap'); 
:root{--website-fontfamily:'Arvo', serif;}

/* Template Startlanding/Custom Clientlogin */
/* Font Family */
body header{font-family:var(--website-fontfamily);}

/* Title Font */
body header .website-title,
body header .website-title{font-size:min(10vw, 3.2em);}

/* Tagline Font */
body header .tagline{display:block;font-size: calc(min(10vw, 3.2em) / 2);}

/* Navigation Background */
body header nav ul{background:rgba(0,0,0,0.2);}

/* Navigation Font */
body header nav ul li a{color:#fff;}
body header nav ul li a:hover{color:#cfcfcf;}

/* Header/Navigation Position */
body header{position:absolute;top:4rem;right:0;left:0;z-index:100;}
body header div.title-container{position:relative;top:0;}
body header nav{position:relative;margin-top:2em;top:0;}