@charset "utf-8";
/* frontend custom CSS */
@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Light.eot');
    src: local('Lexend Light'), local('Lexend-Light'),
        url('../fonts/Lexend-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-Light.woff2') format('woff2'),
        url('../fonts/Lexend-Light.woff') format('woff'),
        url('../fonts/Lexend-Light.svg#Lexend-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Bold.eot');
    src: local('Lexend Bold'), local('Lexend-Bold'),
        url('../fonts/Lexend-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-Bold.woff2') format('woff2'),
        url('../fonts/Lexend-Bold.woff') format('woff'),
        url('../fonts/Lexend-Bold.svg#Lexend-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-ExtraLight.eot');
    src: local('Lexend ExtraLight'), local('Lexend-ExtraLight'),
        url('../fonts/Lexend-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-ExtraLight.woff2') format('woff2'),
        url('../fonts/Lexend-ExtraLight.woff') format('woff'),
        url('../fonts/Lexend-ExtraLight.svg#Lexend-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Black.eot');
    src: local('Lexend Black'), local('Lexend-Black'),
        url('../fonts/Lexend-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-Black.woff2') format('woff2'),
        url('../fonts/Lexend-Black.woff') format('woff'),
        url('../fonts/Lexend-Black.svg#Lexend-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-ExtraBold.eot');
    src: local('Lexend ExtraBold'), local('Lexend-ExtraBold'),
        url('../fonts/Lexend-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-ExtraBold.woff2') format('woff2'),
        url('../fonts/Lexend-ExtraBold.woff') format('woff'),
        url('../fonts/Lexend-ExtraBold.svg#Lexend-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Medium.eot');
    src: local('Lexend Medium'), local('Lexend-Medium'),
        url('../fonts/Lexend-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-Medium.woff2') format('woff2'),
        url('../fonts/Lexend-Medium.woff') format('woff'),
        url('../fonts/Lexend-Medium.svg#Lexend-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Regular.eot');
    src: local('Lexend Regular'), local('Lexend-Regular'),
        url('../fonts/Lexend-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-Regular.woff2') format('woff2'),
        url('../fonts/Lexend-Regular.woff') format('woff'),
        url('../fonts/Lexend-Regular.svg#Lexend-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-SemiBold.eot');
    src: local('Lexend SemiBold'), local('Lexend-SemiBold'),
        url('../fonts/Lexend-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-SemiBold.woff2') format('woff2'),
        url('../fonts/Lexend-SemiBold.woff') format('woff'),
        url('../fonts/Lexend-SemiBold.svg#Lexend-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-Thin.eot');
    src: local('Lexend Thin'), local('Lexend-Thin'),
        url('../fonts/Lexend-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lexend-Thin.woff2') format('woff2'),
        url('../fonts/Lexend-Thin.woff') format('woff'),
        url('../fonts/Lexend-Thin.svg#Lexend-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/* General styles */

/* marking text */
::-moz-selection { background: #039; color: #ffffff; }
::selection { background: #039; color: #ffffff; }

/* ** Scrollbar ** */
/* scrollbar width */
::-webkit-scrollbar {width: 12px;}
/* Track Background */
::-webkit-scrollbar-track {background: #eeedec; }
/* Handle main color */
::-webkit-scrollbar-thumb {background: #039;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #0044cc;}
/* ** Scrollbar END ** */
html {}
body, html {
	font-family: 'Lexend';
	font-weight: 300;
    margin: 0;
	min-height: 100vh!important;
    height: 100%;
	max-height: 100vh!important;
	/* background: yellow; */
	background: linear-gradient(
        to bottom right, 
        rgba(104, 115, 145, 1) 0%, 
        rgba(33, 66, 119, 1) 50%, 
        rgba(77, 111, 156, 1) 75%, 
        rgba(80, 101, 120, 1) 100%
    ); 
	
	
	overflow: hidden;
	
	
	/*
*/
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#687391+0,214277+25,4d6f9c+75,506578+100 */
/* background: linear-gradient(to right,  #687391 0%,#214277 25%,#4d6f9c 75%,#506578 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 

	/* background: rgba(33,66,119,1.00); /*#214277 rt */
	/* lt #687391 104,115,145
	/* lb #4d6f9c 77,111,156
	/* rb #506578 80,101,120 */
}

.wrapper {width: 100%; height: 100%; border: 0px solid white; background-image: url("../img/flag-eu.webp");background-repeat: no-repeat; background-position: center 0px; background-size: cover; opacity: 0.7; }

h1 {font-weight: 500; color: #fffcfa; font-size: clamp(1.625rem, 1.425rem + 1vw, 2.625rem)!important; display: block; position: absolute; top:35%; left: 50%;     transform: translate(-50%, -50%); margin: 0 auto ; text-align: center; z-index: 999;}
main {min-height: 95vh; max-height: 95vh;}
footer {min-height: 5vh; max-height: 5vh; width: 100%; line-height: 5vh; text-align: center; margin: 0 auto; color: #fffcfa; font-size: 14px; background: transparent; position: absolute; left: 0; bottom: 2.5vh; z-index: 999;}
footer a {color: #fffcfa; transition: all 0.4s ease-in-out; text-decoration: none;}
footer a:hover {color: #EEEDEC; text-decoration: underline;}