body{
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  
  overflow-x: hidden;

  background: linear-gradient(60deg, orange, rgb(255, 88, 121));
  
  width: 100%;
  height: auto;

  display: flex;
  align-items: center;
  justify-content: center;
}

#blur{
  content: none;

  position:fixed;

  top: 0;
  bottom: 0;

  background: rgba(214, 214, 214, 0.447);
  backdrop-filter: blur(0.8rem);
  -webkit-backdrop-filter: blur(0.8rem);
  
  width: 100%;
  height: 100%;

  z-index: 0;
}


#sec1{

  position: relative;

  
  margin-top: 40%;

  width: 97%;
  height: 100%;

  overflow: hidden;

  z-index: 1;
}

/* Text */

h1{
  pointer-events: none;

  position: absolute;
  z-index: 2;

  color: bisque;
  font-family: 'Raleway', 'Trebuchet MS', sans-serif;
  font-size: clamp(6rem, 20vh, 15rem);
}

h2{
  font-family: 'Trebuchet MS', 'Arial', sans-serif;
  font-size: clamp(0.3rem, 4vh, 2rem);
  color: black;
  text-decoration: none;
}

h3{
  font-family: 'Raleway', 'Trebuchet MS', sans-serif;
  font-size: clamp(0.3rem, 3vh, 1.8rem);
  pointer-events: none;
}