/* NAvbar CSS */
#navbar{
    height: 80px;
    /* border: 2px rgb(219, 203, 203) solid ; */
    background-color: rgb(255, 255, 255);
    
}
#navbar p{
    margin: 2%;
    /* margin-left: 46%;
    margin-right: 46%; */
    text-align: center;
    font-size: 2rem;
    align-items: center;
    
    color: black;  
    
}



.triangle-down {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 25px solid #ffffff;
  margin-left: 48%;
}


body,html{
  height: 100%;
  margin: 0;
}


.full-screen-image{
  background: url('images/bgg.png') center/cover no-repeat;
  height: 100vh;
}

/* img */
/* .img-fluid{
    opacity: 0.8;
    height: auto;
} */

/* .container-fluid h4 {
   
    /* border: 2px red solid; */

/* .container-fluid h1 {

} */


/* .container-fluid{
    position: relative;
    text-align: center;
    color: white;
  } */

    .bottom-left {
        position: absolute;
        bottom: 30px;
        left: 100px;
        /* text-align: center; */
      }

      .top-left{
        position: absolute;
        top: 28%;
        left: 7%;
        color: rgb(255, 255, 255);


      }

      .centered {
        position: absolute;
        top: 40%;
        left:7%;
        /* transform: translate(-50%, -50%); */
        color: rgb(255, 255, 255);
        /* border: 2px red solid; */
        /* font-size: 5rem; */
        font-size: x-large;
      }

      .centered h1{
        /* border: 2px red solid; */
        font-size: 4rem;
      }

      .centered button{

        position: absolute;
        top: 110%;
        left:7%;
        
      }

      /* Button */
      /* .container-fluid button{
        position: absolute;
        top: 77%;
        left: 7%;

        color: rgb(0, 0, 0); */

        


    

.fixbutton{

  position: fixed;
  bottom: 20px;
  right: 20px;
  /* z-index: 99999; */
  background-color: rgba(142, 142, 182,0.7);
  color:white;
  border: 4px rgba(142, 142, 182,0.7) solid;
  border-radius: 6px;
  

}