/* =======================
======== Main CSS ========
======================= */


/* ======================
======= Reset CSS =======
====================== */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    scroll-behavior: smooth;
}
ul {
    list-style: none;
}
input, select {
    vertical-align:middle;
}
table {
    border: 0;
    border-spacing: 0;
    margin: 0;
}


/* ======================
========= Fonts =========
====================== */

@font-face {
    font-family: 'Helvetica-Neue-LT-95';
    src: url("../fonts/Helvetica-Neue-LT-Std-95-Black.eot"); /* IE9 Compat Modes */
    src: url('../fonts/Helvetica-Neue-LT-Std-95-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Helvetica-Neue-LT-Std-95-Black.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Helvetica-Neue-LT-Std-95-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Helvetica-Neue-LT-Std-95-Black.ttf')  format('truetype') /* Safari, Android, iOS */
       /*url('../fonts/Helvetica-Neue-LT-Std-95-Black.svg#svgFontName') format('svg')*/;  /* Legacy iOS */
    font-weight:bold
}

@font-face {
    font-family: 'Helvetica-Neue-LT-65';
    src: url("../fonts/Helvetica-Neue-LT-Std-65-Medium.eot"); /* IE9 Compat Modes */
    src: url('../fonts/Helvetica-Neue-LT-Std-65-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Helvetica-Neue-LT-Std-65-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Helvetica-Neue-LT-Std-65-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Helvetica-Neue-LT-Std-65-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       /*url('../fonts/Helvetica-Neue-LT-Std-65-Medium.svg#svgFontName') format('svg')*/; /* Legacy iOS */
}

@font-face {
    font-family: 'Helvetica-Neue-LT-45';
    src: url("../fonts/Helvetica-Neue-LT-Std-45-Light.eot"); /* IE9 Compat Modes */
    src: url('../fonts/Helvetica-Neue-LT-Std-45-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Helvetica-Neue-LT-Std-45-Light.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Helvetica-Neue-LT-Std-45-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Helvetica-Neue-LT-Std-45-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       /*url('../fonts/Helvetica-Neue-LT-Std-45-Light.svg#svgFontName') format('svg')*/; /* Legacy iOS */
}

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:700&display=swap');

/* ==========================
========= Typografi =========
========================== */

h1 {
    font-family: 'Josefin Sans', sans-serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 900;
    text-transform: uppercase;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

h2 {
    font-family: 'Helvetica-Neue-LT-95', sans-serif;
    font-size: 4em;
    font-style: normal;
    font-weight: 900;
    text-align: left;
    text-transform: capitalize;
    -webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 4s; /* Firefox < 16 */
        -ms-animation: fadein 4s; /* Internet Explorer */
         -o-animation: fadein 4s; /* Opera < 12.1 */
            animation: fadein 4s;
}

h3 {
    font-family: 'Helvetica-Neue-LT-95', sans-serif;
    font-size: 2em;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    text-transform: capitalize;
    -webkit-animation: fadein 6s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 6s; /* Firefox < 16 */
        -ms-animation: fadein 6s; /* Internet Explorer */
         -o-animation: fadein 6s; /* Opera < 12.1 */
            animation: fadein 6s;
}

h4 {
    font-family: 'Helvetica-Neue-LT-65', sans-serif;
    font-size: 1.4em;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: left;
    text-transform: capitalize;
    -webkit-animation: fadein 8s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 8s; /* Firefox < 16 */
        -ms-animation: fadein 8s; /* Internet Explorer */
         -o-animation: fadein 8s; /* Opera < 12.1 */
            animation: fadein 8s;
}

h5 {
    font-family: 'Helvetica-Neue-LT-65', sans-serif;
}

h6 {
    font-family: 'Helvetica-Neue-LT-45', sans-serif;
}

p {
    font-family: 'Helvetica-Neue-LT-45', sans-serif;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    margin: 0 0 2vw 0;
    padding: 0;
    text-align: left;
}

a {
    background: transparent;
    font-family: 'Helvetica-Neue-LT-45', sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-decoration:none;
    text-transform: capitalize;
    vertical-align: baseline;
}

label {
    background-color: transparent;
    font-family: 'Helvetica-Neue-LT-45', sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    text-transform: capitalize;
}

input, textarea {
    background-color: transparent;
    font-family: 'Helvetica-Neue-LT-45', sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    text-transform: none;
}

small {
    font-family: 'Helvetica-Neue-LT-45', sans-serif;
}

button {
    background-color: transparent; 
    border: 1px gray solid;
    font-family: 'Helvetica-Neue-LT-45', sans-serif;
    font-variant: normal;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

/* scrollbar */

::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
}