/* CSS reset start */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* Fonts start */
@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/alegreya-v15-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Alegreya Regular'), local('Alegreya-Regular'),
        url('fonts/alegreya-v15-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-regular.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/alegreya-v15-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Alegreya Italic'), local('Alegreya-Italic'),
        url('fonts/alegreya-v15-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-italic.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/alegreya-v15-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local('Alegreya Medium'), local('Alegreya-Medium'),
        url('fonts/alegreya-v15-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-500.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: italic;
    font-weight: 500;
    src: url('fonts/alegreya-v15-latin-ext_latin-500italic.eot'); /* IE9 Compat Modes */
    src: local('Alegreya Medium Italic'), local('Alegreya-MediumItalic'),
        url('fonts/alegreya-v15-latin-ext_latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-500italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-500italic.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/alegreya-v15-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local('Alegreya Bold'), local('Alegreya-Bold'),
        url('fonts/alegreya-v15-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-700.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/alegreya-v15-latin-ext_latin-700italic.eot'); /* IE9 Compat Modes */
    src: local('Alegreya Bold Italic'), local('Alegreya-BoldItalic'),
        url('fonts/alegreya-v15-latin-ext_latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-700italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-700italic.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/alegreya-v15-latin-ext_latin-800.eot'); /* IE9 Compat Modes */
    src: local('Alegreya ExtraBold'), local('Alegreya-ExtraBold'),
        url('fonts/alegreya-v15-latin-ext_latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-800.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-800.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-800.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: italic;
    font-weight: 800;
    src: url('fonts/alegreya-v15-latin-ext_latin-800italic.eot'); /* IE9 Compat Modes */
    src: local('Alegreya ExtraBold Italic'), local('Alegreya-ExtraBoldItalic'),
        url('fonts/alegreya-v15-latin-ext_latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-800italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-800italic.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/alegreya-v15-latin-ext_latin-900.eot'); /* IE9 Compat Modes */
    src: local('Alegreya Black'), local('Alegreya-Black'),
        url('fonts/alegreya-v15-latin-ext_latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-900.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-900.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-900.svg#Alegreya') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'Alegreya';
    font-style: italic;
    font-weight: 900;
    src: url('fonts/alegreya-v15-latin-ext_latin-900italic.eot'); /* IE9 Compat Modes */
    src: local('Alegreya Black Italic'), local('Alegreya-BlackItalic'),
        url('fonts/alegreya-v15-latin-ext_latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/alegreya-v15-latin-ext_latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-900italic.woff') format('woff'), /* Modern Browsers */
        url('fonts/alegreya-v15-latin-ext_latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
        url('fonts/alegreya-v15-latin-ext_latin-900italic.svg#Alegreya') format('svg'); /* Legacy iOS */
    }

/* Actual CSS start */
html, body {
    height:             100%;
    position:           relative;
    background-color:   #141434;
    background-image:   url('bg.png'); /*  linear-gradient(150deg, rgba(36, 36, 36, 1), rgba(4, 4, 14, 1));; */
    background-size:    cover;
}

.blur {
    filter:             blur(8px);
    position:           absolute;
    top: 0; left: 0; right: 0; bottom: 0;
}

.greetings {
    color:          #afafaf;
    position:       absolute;
    top:            50%;
    left:           50%;
    transform:      translate(-50%, -50%);
    font-size:      calc(22px + 1vw);
    line-height:    calc(22px + 1vw);
    font-family:    'Alegreya', serif;
    text-align:     center;
    z-index:        2;
    filter:         drop-shadow(0 0 10px rgb(0, 0, 0));
}

.logo   {
    position:   absolute;
    width:      460px;
    max-width:  80%;
    top:        50%;
    left:       50%;
    transform:  translate(-85%, -50%);
    filter:     opacity(0.15) blur(6px);
    z-index:    1;
}

.logo, .greetings   {
    pointer-events: none;
}