html,
body {
  margin: 0;
  padding: 0;
}

body {
  box-sizing: border-box;
  position:relative;
  background-color:#150505;
}

/**#803232**/

body::before{
  content:"";
   background-size: cover;
  background-repeat: no-repeat;
  background-image:url(bg/fixedcatithink.jpg);
  background-attachment: fixed;
  position:absolute;
  mix-blend-mode: color-dodge;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:-3;
    min-height: 100vh;
  }

main {
  display:flex;
  justify-content:center;
flex-direction:column;
}


:root {
  --black: #0d0303;
}

#preloader {
  background: var(--black)
    url("https://samherbert.net/svg-loaders/svg-loaders/spinning-circles.svg")
    no-repeat center;
  align-items: center;
  justify-content: center;
  width: 100%;
  display: flex;
  position: fixed;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 999;
}

#bg-video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -3; 
    opacity: 0.5;
}

.container{
  display:flex;
  justify-content:center;
  align-items:center;
  }

#guestbook{
      margin:20px;

}

#output1{
  background-color:#803232;
}

#divider {
  display: flex;
  justify-content: space-evenly;
  gap: 0px;
  overflow:hidden;
}