/*Background Image*/
.page-bg {
  position: relative;
  min-height: 100vh;
  width:100%;
  overflow: hidden;
}

.page-bg::before,
.page-bg::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;  /* behind content */
}

.page-bg::before {
  background: url("../Images/Flex_Background.png") center/cover no-repeat;
  filter: blur(1px) brightness(0.3);
  transform: scale(1.1);
}

.page-bg::after {
  background: radial-gradient(circle, rgba(94,201,236,0.3), rgba(0,0,50,0.6));
  mix-blend-mode: screen;
}

.page-bg > * {
  position: relative;
  z-index: 2;
}
/**/
.lang-link{
	background:none;
	border:none;
	font-size:16px;
	cursor:pointer;
	color: white; /* keep text white */
    text-shadow:
        1px 1px 0 #000,   /* bottom-right */
       -1px 1px 0 #000,   /* bottom-left */
        1px -1px 0 #000,  /* top-right */
       -1px -1px 0 #000;  /* top-left */
}
.lang-link:hover {
    text-shadow:
        1px 1px 0 #000,
       -1px 1px 0 #000,
        1px -1px 0 #000,
       -1px -1px 0 #000,
        0 0 8px #00ffff,  /* soft cyan glow */
        0 0 12px #00ffff; /* stronger glow */
}


html{

	font-family: "Calibri", sans-serif;
}
body{
	margin: 0px;
    /*background-color: rgba(100,100,100,0.7); */
    background-color: rgba(50,50,50,0.5); 
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
    background-position: center;
}
html,body{
    min-width: 100%;
    min-height: 100vh;
    
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
    background-position: center;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: var(--modal-background);
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid var(--modal-border);
    width: 80%; /* Could be more or less, depending on screen size */
}

.modal-header {
    padding: 2px 16px;
    background-color: var(--object-background);
    color: white;
}

/* The Close Button */
.close {
    color: var(--modal-close-unselected);
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: var(--modal-close-selected);
    text-decoration: none;
    cursor: pointer;
}
.errorLine{
	width: 100%;
	background-color: #ff1a1a;
	color: #FFFFFF;
	padding-left: 5px;
	}