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


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

body{background-color: black;}

p{margin-bottom: -10px;}

h2{margin-top:2px;
	margin-bottom: 5px;}

input[type=text]{width: 100%;
 				 padding: 12px;
				margin: 8px 0;
				margin-top: 0px;
				 display: inline-block;
 				 border: 1px solid #ccc;
				 box-sizing: border-box;}

input[type=submit] {width: 20%;
					margin-top: 0px;
					 padding: 12px;
  					display: inline-block;
  					border: 1px solid #ccc;
  					box-sizing: border-box;
					background-color: black;
  					color: white;
					position: relative;
					left:50%;
					transform: translate(-50%,-50%);}

input[type=checkbox], input[type=radio] {margin-top: 10px;
						margin-right: 5px;
						margin-left: 15px;}

form {border: 3px solid #f1f1f1;
  font-family: Arial;
	color: white;
		position: absolute;}

.container {padding: 20px;
  background-color:black;}

.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";}

.r-side {display: inline-block;
    			position: absolute;
    			top: 157px;
    			right: 0px;
    			margin: 45px;
   				width: 45%;
   				height: 350px;}
		
.l-side {display: inline-block;
    			position: absolute;
    			top: 100px;
    			left: 0px;
  				margin:45px;
    			width: 45%;
    			height: 350px;
    			text-align: center;font-size: 25px;
				font-weight:700;
				font-family: 'Poppins', sans-serif;}

#pic{ width: 100%;
	height: auto;}

#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;}

input[type=submit]:hover {opacity: 0.8;}

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

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