/* css file style.css*/

body{
  background-color: rgb(0,0,0);
}

.photo{
  position: relative;
  margin: 10px auto;
  border: 40px solid black;
  width: 620px;
  height: 620px;
}
.photo1{
  position:fixed;
  left: 5%;
  top:33%;
  margin:15px 15px;
}
.photo2{
  position:fixed;
  left: 10%;
  top:33%;
  margin:15px 15px;
}
.photo3{
  position:fixed;
  left: 15%;
  top:33%;
  margin:15px 15px;
}
.photo4{
  position:fixed;
  left: 20%;
  top:33%;
  margin:15px 15px;
}
.photo5{
  position:fixed;
  left: 25%;
  top:33%;
  margin:15px 15px;
}
.photo6{
  position:fixed;
  left: 30%;
  top:33%;
  margin:15px 15px;
}
.photo7{
  position:fixed;
  left:35%;
  top:33%;
  margin:15px 15px;
}
.photo8{
  position:fixed;
  left: 40%;
  top:33%;
  margin:15px 15px;
}
.photo9{
  position:fixed;
  right: 40%;
  top:33%;
  margin:15px 15px;
}
.photo10{
  position:fixed;
  right: 35%;
  top:33%;
  margin:15px 15px;
}
.photo11{
  position:fixed;
  right: 30%;
  top:33%;
  margin:15px 15px;
}
.photo12{
  position:fixed;
  right: 25%;
  top:33%;
  margin:15px 15px;
}
.photo13{
  position:fixed;
  right: 20%;
  top:33%;
  margin:15px 15px;
}
.photo14{
  position:fixed;
  right: 15%;
  top:33%;
  margin:15px 15px;
}
.photo15{
  position:fixed;
  right: 10%;
  top:33%;
  margin:15px 15px;
}
.photo16{
  position:fixed;
  right: 5%;
  top:33%;
  margin:15px 15px;
}
/* Sections */
#section1 {
  height: 700px;
  background-color: black;
  }

#section2 {
  height: 700px;
  background-color: black;
  }

  /* dropdown */
.topleft{
  position: fixed;
  top:10px;
  left:1%;
  z-index: 2; /* layer up */
}
.topright{
  position: fixed;
  top:10px;
  right:1%;
  z-index: 2; /* layer up */
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #black;
}

li {
  float: left;
  font-size: 20px;
}

li a, .dropbtn {
  display: inline-block;
  font-size: 22px;
  color:orange;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: rgb(40,40,40);
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: black;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: rgb(180,180,180);
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: rgb(15,15,15);}

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

/* Top button */
#myBtn {
  display: none;
  position: fixed;
  bottom: 28px;
  right: 30px;
  z-index: 99;
  font-size: 20px;
  border: none;
  outline: none;
  background-color: rgb(30,30,30);
  color: rgb(180,180,180);
  cursor: pointer;
  padding: 14px 8px;
  border-radius: 10%;
}

#myBtn:hover {
  background-color: rgb(60,60,60);
}

.contact{
  margin: 0px auto;
  width: 360px;
  height: 200px;
  border: 3px solid white;
  background-color: rgb(150,150,150);
  color: white;
  text-align: center;
  padding: 20px;
}

td {
  font-size: 25px;
}

.submitbutton{
  display: inline-block;
  width: 80px;
  height: 35px;
}

/* footer */
.footer {
position: fixed;
font-size: 20px;
bottom: 0;
width: 100%;
color: white;
text-align: center;
}