@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

* { 
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
}

body {
	background: #081b29;
	color: #ededed;
}

.header {
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	padding: 20px 50px;
	background: transparent;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
}

.logo {
	position: relative;
	font-size: 25px;
	color: #ededed;
	text-decoration: none;
	font-weight: 600;
	padding: 0px 0px 0px 1px;
}

.logo::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #081b29;
	animation: showRight 1s ease forwards;
	animation-delay: .4s;
}

.navbar a {
	font-size: 18px;
	color: #ededed;	
	text-decoration: none;
	font-weight: 500;
	margin-left: 35px;
	transition: .3s;
}

.navbar a:hover,
.navbar a.active{
	color: #00abf0;
}


.home {
	position:relative;
	top: 50px;
	left: 0;
	align-items: center;
	padding: 110px 50px;
}

.home-content {
	max-width: 800px;
}

a:link {color: #fff;}
a:visited {color: #fff;}
a:hover {color: #00abf0;}
a:active {color: #00abf0;}

.divTable
    {
        display: table;
        width:auto;
        background-color:transparent;
        border:0px;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
       /* border-collapse:separate;*/
		min-width: 850px;
    }

.h1 {
	font-size: 20px;
	column-span: all;
}

.h1A {
	font-size: 15px;
	column-span: all;
	max-width: 400px;
}

.h2 {
	font-size: 12px;
	column-span: all;
	max-width: 600px;
}

.h2A {
	font-size: 12px;
	column-span: all;
	max-width: 600px;
	color:lightblue;
}

.divRow
    {
       display:table-row;
       width:auto;
    }

.divCell
    {
        float:left;/*fix for  buggy browsers*/
        display:table-cell;
        width:260px;
        background-color:#081b29;
		vertical-align: baseline;
    }

@keyframes showRight {
	100% {
		width: 0;
	}
}