﻿
*{
    margin: 0;
    padding: 0;  
  }
  
  body{
      background-image: url("undercon.jpeg");
      background-size: cover;
	
  }
#p1{
  font-size: 3rem;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  padding-top: 30px;
  height: 80px;
  background-color: #0e5470;
  opacity: 0.9;
  color:#F0F0F0;
}
.container{
  float: left;
  width: 100%;
  height: auto;
  
}
.footer{
	float: left;
  width: 100%;
  height: 70px;
  margin-bottom: 0px;
  background-color: #272525;
   opacity: 0.9;
  text-align: center;

}

input{
margin-top:5px; 
 margin-bottom: 20px;
  margin-left: 2%;
  border-radius: 5px;
  border: 1px solid black;
  height: 30px;
  padding-left: 10px;
  background-color: rgb(207, 207, 207);
  opacity: 0.9;
}

label{
  margin-left: 2%;
  font-size: 18px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}
#RequirmentsL{
  margin-left: 2%;
}
#CheckBox1{
  margin-left: 2%;
height: 15px;
}

#countryL{
  margin-left: 2%;
}

#Requirments{
  height: 20%;
  font-size: 16px;
  border-radius: 5px;
  border: 1px solid black;
  width: 40%;
  background-color: rgb(207, 207, 207);
  opacity: 0.9;
}

#submit{
  width: 100px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  padding-right: 5px;
  text-align: center;
}

#Countrys{
  margin-left: 2%;
  border: 1px solid black;
  border-radius: 5px;
  height: 30px;
  width: 180px;
  margin-bottom: 20px;
  background-color: rgb(207, 207, 207);
  opacity: 0.9;
}
.column {
	padding-top:5px;
	  float: left;
  width: 50%; 
height:490px;  
}
.p3 {
 direction: rtl;
font-size: 22px;
color:#575249;
margin-right:5px;
margin-top:10px;
   border-radius: 10px;
     text-align: justify;
  padding:10px;
   border: 1px solid #C0C0C0;
   box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
   background-color:#F0F0F0;
   opacity: 0.9;
   
      }


#p2{
  color: white;
  text-align: center;
  margin-top: 2%;
  font-size: 18px;
  font-family: sans-serif;
}


::-webkit-input-placeholder{
  color: black;
}

@media screen and (max-width:768px) {
    #p1 {
        font-size: 2rem;
    }

    #p2 {
        margin-top: 5%;
    }

    #countryL {
        margin-left: 13%;
    }
	 .column {
  height:auto;
    width: 100%;
	 
  }
 
#Countrys{
  margin-left: 2%;}
  label{
  margin-left: 13%;}
  #RequirmentsL{
  margin-left: 15%;
}
 #submit{
 margin-left: 15%;}
 .p3 {

margin-left: 5px;
margin-bottom:5px;
      
      }
}