@charset "utf-8";

/* CSS Document */
html {

height: 100%;

}

body {
  background-color: #7cabdc;
  height: 100%;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
  background-image: url('../img/haus-belvedere-webcam.JPG');
  background-repeat: no-repeat;
  background-size: cover;
}

@media(max-width: 1200px) {
  body {
    height: 100vh;
  }
}

p {
  padding: 10% 0 0;
  color: white;
}

h1 {
  padding: 2% 0 10%;
  color: white
}

#video {
  box-shadow: 5px 10px 18px #292929;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

#video-stream {
  box-shadow: 5px 10px 18px #292929;
  position: relative;
  overflow: hidden;
  height: 40rem;
  width: 100%; 
} 

.modal-header {
  border: none
}

.modal-footer {
  border: none
}

.modal-content {
  border-radius: 0
}

.btn-secondary {
  background-color: #0a2651;
  border: none
}

.btn {
  border-radius: 0
}

#frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.footer {
  margin: 40px auto;
}