@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

html {
  scroll-behavior: smooth;
}
body {
  font-family: "Montserrat", sans-serif;
  color: #2c2f32;
  background: #f3f3f3;
}
.hero {
  background: linear-gradient(
      to top,
      rgba(2, 34, 83, 0.7), /* bluish overlay */
      rgba(2, 34, 83, 0.7)
    ),
    url("https://cdn.pixabay.com/photo/2013/11/05/19/12/buildings-205986_1280.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


.blog-hero {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
    url("https://cdn.pixabay.com/photo/2017/06/09/22/56/lady-justice-2388500_1280.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
button{
  cursor: pointer;
}