@font-face {
    font-family: 'dharma_gothic_mexlight';
    src: url('/fonts/Dharma/dharmagothicm-exlight-webfont.woff2') format('woff2'),
         url('/fonts/Dharma/dharmagothicm-exlight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dharma_gothic_mexlight_italic';
    src: url('/fonts/Dharma/dharmagothicm-exlightitalic-webfont.woff2') format('woff2'),
         url('/fonts/Dharma/dharmagothicm-exlightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dharma_gothic_mregular';
    src: url('/fonts/Dharma/dharmagothicm-regular-webfont.woff2') format('woff2'),
         url('/fonts/Dharma/dharmagothicm-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dharma_gothic_mregular_italic';
    src: url('/fonts/Dharma/dharmagothicm-regularitalic-webfont.woff2') format('woff2'),
         url('/fonts/Dharma/dharmagothicm-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




h1{
    font-family: 'dharma_gothic_mregular_italic',Arial, sans-serif;
    font-size: 6rem;
    font-weight: 300;
    text-align: center;
    margin:5px;
    color:#282828;
}

h2{
    font-family: 'dharma_gothic_mexlight_italic';
    font-size: 5rem;
    font-weight: 400;
    margin:5px;
    color:#282828;
}

h3{
    font-family: 'dharma_gothic_mexlight_italic';
    font-size: 3rem;
    font-weight: 400;
    margin:5px;
    color:#282828;
}



p{
    margin:5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    color:#BBBBBB;
    letter-spacing: 0.5rem;
}

.homepage-links{
    justify-content: center;
    text-decoration: none;
    font-family: 'dharma_gothic_mexlight_italic';
    font-size: 2rem;
    color: #c9c9c9;
    background:
    linear-gradient(
      to bottom,white 0%, white 100%
    );
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 0 1px;
        text-decoration: none;
    transition: background-size 0.2s, color 0.2s;
}

.homepage-links:hover{
    background-size: 90% 1px;
}

.maindiv{
    white-space:nowrap;
    animation-name: coverbox-onload;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

@keyframes coverbox-onload{
    0%{
        opacity:0;
    }
    100%{
        opacity:100;
    }
}



.logoIcon{
    width: 60px;
    height: 60px;
}

.homeBtn{
    position: fixed;
}

.max-width {
	max-width: 68%;
	margin: 0 auto;
}