* {
  box-sizing: border-box;
}

body {
  color: white;
  background-image: linear-gradient(black, #1a1110, grey);
  margin: 10px;
}
/*link color*/
a {
  color: white;
  text-decoration: none;
}
/* mouse over link */
a:hover {
  color: peachpuff;
}

/* selected link */
a:active {
  font-weight: bold;
}

h1 {
  font-family: sans-serif;
  font-weight: 500;
}

.kk {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("tm3.png");

  /* Set a specific height */
  height: 50%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

iframe {
  width: 200px;
  height: 200px;
}
/*
.navbar-brand {
  font-size: 1.75em;
  padding: auto;
}
.navbar-nav { */
/* float: right; */
/* background-color: black;
  font-family: cursive;
} */
/* .navbar {
  display: flex;
  background: #333;
} */
/* .navbar {
  background-color: black;
  font-family: cursive;
  font-size: 1em;
}
.map {
  width: 100%;
}
.navbar-header {
  color: white;
}
.hero {
  padding: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("image1.jpg");
  margin: 0px;
  /* filter: blur(8px);
  -webkit-filter: blur(8px); */

/* Set a specific height */
/* height: 50%; */

/* Position and center the image to scale nicely on all screens */
/* background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

body {
  margin: 20px;
  background-color: #000;
  color: white;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
}
.heading {
  margin: 20px 0px 20px 0px;
  font-weight: 700;

  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande",
    "Lucida Sans", Arial, sans-serif;
}
.i1 {
  margin: 20px;
}
.a1 {
  margin: 20px;
}
.p1 {
  margin: 20px;
}
.para {
  margin: 20px 0px 20px 0px;
}
.i {
  margin: 2px;
}
@media (min-width: 767px) {
  .nav {
    float: right;
  }
} */
/* -------------------------- */
/* The hero image */
/* .hero-image { */
/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
/* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
    url("Technology-Trends.webp"); */
/* margin: 30px; */
/* filter: blur(8px);
  -webkit-filter: blur(8px); */

/* Set a specific height */
/* height: 50%; */

/* Position and center the image to scale nicely on all screens */
/* } */

/* Place text in the middle of the image */
/* .hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
} */