h2 {
font-family: 'Libre Baskerville', serif;
}

h1 {
font-family: 'Gabarito', cursive;
}

.my-font1 {
font-family: 'Archivo', sans-serif;
}

.my-font2 {
font-family: 'Merriweather Sans', sans-serif;
}

h3 {
font-family: 'Sora', sans-serif;
}

h4 {
font-family: 'Sora', sans-serif;
}

.bg {
  background-color: #262223;
  color: #ffffff;
  border-style: solid;
  border-width: 50px;
  border-color: #262223;
}

.bg1 {
  background-color: #262223;
  color: #ffffff;
  border-style: solid;
  border-width: 50px 250px 100px 250px;
  border-color: #262223;
}

.mar {
margin-left: 80px;
}

.mar1 {
margin-left: 80px;
  margin-right: 80px;
}

.mar2 {
margin-top: 100px;
  margin-bottom: 50px;
  margin-right: 80px;
  margin-left: 80px;
}

.mar3 {
margin-top: 100px;
  margin-bottom: 80px;

}

.mar4 {
margin-right: 80px;
}

#myBtn {
  display: none; 
  position: fixed; 
  bottom: 20px; 
  right: 30px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: gray; 
  color: white; 
  cursor: pointer; 
  padding: 15px; 
  border-radius: 10px;
  font-size: 18px; 
}

#myBtn:hover {
  background-color: lightgray; 
}