@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,200,300,500,600,700,800,900);

html {
  position:relative;
  min-height:100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body{
  width: 100%;
  overflow:hidden;
  -webkit-font-smoothing:antialiased;
}
a,a:focus,a:hover;a:focus;a:focus-within,a:visited,button{
  text-decoration:none;
  outline:none;
}

/*********/

#map {
  height:500px;
}
.carousel, .carousel-inner {
    height: 100vh;
}
.carousel, .carousel-inner, nav {
    opacity: 0; /* Start with the div invisible */
    animation: fadeIn 2s forwards; /* Apply the fade-in animation */
    filter: blur(12px);
}
.carousel-item {
    /*background-color: rgb(0 0 0 / 33%) !important;
    background-blend-mode: color;*/
    background-position: top center !important;
    background-size: cover !important;
    height: 100vh;
}

.tt-menu {
    background: white;
    width: 100%;
    border-radius: 0.375rem;
    padding: 5px;
}
@keyframes fadeIn {
    to {
        opacity: 1; /* End with the div fully visible */
            filter: blur(0px);
    }
}