@font-face {
  font-family: "borel";
  src: url(Borel-Regular.ttf) ;
}
@font-face {
  font-family: "inter";
  src: url(Inter-VariableFont_opsz,wght.ttf) ;
  font-weight: 400;
}
p {
  margin-bottom: 2em; /* increase white space after a paragraph */
}

body {
  font-family: 'inter';
  background-image: url("California5_e85.jpg");
  background-size: cover;
  /*background-position: center;*/
  background-repeat: no-repeat;
  background-color: #FFCDB0;
	color: #000000;
  /*line-height: 80%;*/
  height: 100%;
  width: 50%;
}

div {
 
  font-size: 20px;
  text-align: center;
  position: absolute;
  top: 70%;
  /*bottom: 10%;*/
  left: 50%;
  width: 70%;
  transform: translate(-50%, -50%);
  /*text-shadow: 0 0 8px pink;*/
  }

  h1 {
  font-family: 'borel', Regular;
  color: #000000;
  font-size: 30px;
  /*text-shadow: 0 0 8px pink;*/
  }


a {
  font-family: 'borel', Regular;
  color: black;
  font-size: 20px;
  line-height: 120%;
  text-decoration: none;
  margin-top: -30px;
}

a:hover {
  filter: blur(1px); 
}

h2 {
  font-family: 'borel', Regular;
  color: black;
  font-size: 20px;
  line-height: 100%;
  text-decoration: none;
}

h2:hover {
  filter: blur(1px); 
}


.icon-link {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: black; /* Instagram color, optional */
}

.icon-link:hover {
  text-decoration: dotted underline pink;
 
}


.icon-right {
  width: 40px;
  height: 40px;
  margin-top: -12px;
  vertical-align: middle;
}

.icon-left {
  width: 40px;
  height: 40px;
  margin-top: -12px;
  vertical-align: middle;
}

.icon-envelope {
  width: 60px;
  height: 40px;
  vertical-align: middle;
  margin-bottom: -10px;
}