@charset "UTF-8";
/* CSS Document */

*{margin:0px;
	padding:0px;
	text-size:0px;}

body{background-color: black;}



p {font-family: arial;
	text-align:center;
	color: white;
	font-size: 25px;
	left: 17%;
	position: absolute;}

h1{font-size: 45px;
	color: white;
	top: 30%;
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	text-align: center;
	width: 600px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";}

h2{font-size:35px;
	color: white;
	text-align: center;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"}

.dropbtn{background-color: transparent;
		color: white;
		padding: 16px;
		width: 100px;
		font-size: 16px;
		border: none;
		margin-bottom: 20px;}

.dropdown{position: fixed;
		display: inline-block;
		width: 100px;
		right: 10px;
		top: 22px;}

.dropdown-content{display: none;
				position: absolute;
				width: 100px;
				z-index: 1;
				text-align: center;
				background-color: black;}

.dropdown-content a{color:cornsilk;
					padding: 10px 16px;
					text-decoration:none; 
					display: block;
					border-radius: 10px;
					font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";}

.header {text-align: center;
  padding: 32px;}

		
.r-side {display: inline-block;
    			position: absolute;
    			top: 180px;
    			right: 0px;
    			margin: 45px;
   				width: 40%;
   				height: 300px;}
		
.l-side {display: inline-block;
    			position: absolute;
    			top: 180px;
    			left: 0px;
    			margin: 45px;
    			width: 45%;
    			height: 450px;
    			text-align: center;font-size: 25px;
				font-weight:700;
				font-family: 'Poppins', sans-serif;
				color:white;
				border: solid 5px white;}


.text{position: absolute;
	top: 20%;
	left: 25%;
	text-align: center;}

#header{background-color: white;
		width: 100%;
		position: fixed;
		z-index: 1;
		height: 100px;}

#title{position: absolute;
		left:50%;
		top:20px;
		transform: translate(-50%);
		font-size: 40px;
		color:black;
		z-index: 1;
		font-family: 'EB Garamond', serif;}

#menu{width: 30px;
	height: auto;}

#logo{position: absolute;
			width: 120px;
			top:0px;
			left:20px;
			height: auto;
			z-index: 1;}


.dropdown-content a:hover{color:gray;}

.dropdown:hover .dropdown-content {display: block;}