/*** BBDI CSS ***/

/* mobile settings */
.bodymob {
   height:1600px; 
   background-color:#0B0343;
}

/* website settings */
.bodyday {
  background-image: url("/images/future-los-angeles.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bodynight {
   background-image: url("/images/future-los-angeles-night.jpg");
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.mainfull {
   background-color:#FFFFFF;
   /* margin-left:120px; */
   /* margin-right:120px; */
   padding-top:20px;
}

/* unvisited link */
a:link {
  color:#DBCBBC;  //lemon green
}

/* visited link */
a:visited {
  color:#DBCBBC; //lemon green
}

/* mouse over link */
a:hover {
  color:white ;
}

/* selected link */
a:active {
  color:#DBCBBC;
}

/* facts width PC */
ul.container {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 42%;
  list-style-type: none;
  padding: 0;
}

/* facts width MOB */
ul.container_mob {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  list-style-type: none;
  padding: 0;
}

/* button 1st style */
.button {
  background-color: darkorange; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 50px;
  font-weight: 700;
  border-radius: 10px;
}
.button:hover {
  box-shadow: 0 12px 16px 0 #000000;
}

/* button 2nd style */
.button2 {
  background-color: #FFD814;  
  border: 1px solid #FFF0A3;
  padding: 10px 10px;
  text-align: center;
  text-decoration-line: none;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  font-family: Arial;
  border-radius: 25px;
}
.button2:hover {
  background-color:#F7CA00;
}


/* button mobile style */
.button3 {
  height:400px;
  background-color: #FFD814; 
  border: none;
  color: black;
  padding: 15px 32px;
  text-align: center;
  text-decoration-line
: none;
  display: inline-block;
  font-size: 70px;
  font-weight: 700;
  border-radius: 10px;
}


.container {
  position: relative;
  text-align: center;
  color: white;
  width:80%;
}

div.a {
  text-align: center;
}

div.l {
  text-align: left;
  margin-left:3%;
  marign-right:10%;
}


.bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centered {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top:-220px;
}