@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
/* @import url('https://fonts.googleapis.com/css?family=Lato:300'); */
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400'); */

body,
div,
h1,
h2,
h3,
span,
p {
  font-family: "Open Sans", sans-serif, Verdana, Arial, Helvetica, sans-serif;
}
/*
.semibold{ 
   			font-family: Museo-SemiBold";
   			
			}
 .light{ 			
			font-family: 'Lato', sans-serif;
    			font-size: 15px;
    			line-height: 170%;
			} */
/* .bold{ 			
			font-family: Museo-Bold";
    	 	
                 
			} */

span {
  line-height: 18px !important;
}

.pngimg {
  image-rendering: auto;
}

h1 {
  font-size: large;
  margin-block-start: 0.3em;
  margin-block-end: -1.5em;
}
h2 {
  font-size: medium;
  margin-block-start: 1em;
  margin-block-end: -0.8em;
  text-decoration: underline;
  font-weight: normal;
}

h3 {
  font-size: medium;
  margin-block-start: 1em;
  margin-block-end: -0.8em;

  font-weight: bold;
}

.blob {
  background: rgba(255, 177, 66, 1);
  border-radius: 50%;
  margin: 0px;
  height: 20px;
  width: 20px;

  box-shadow: 0 0 0 0 rgb(255, 177, 66);
  transform: scale(1);
  animation: pulse 2s infinite;
}

.pulsing {
  animation: pulse2 1s infinite alternate;
}

.pulsing-hard {
  animation: pulse3 0.8s infinite alternate;
}

@keyframes pulse {
  0% {
    transform: scale(0.7);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 12px rgba(255, 177, 66, 0);
  }

  100% {
    transform: scale(0.7);
    box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
  }
}

@keyframes pulse2 {
  0% {
    transform: scale(0.85);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes pulse3 {
  0% {
    transform: scale(0.75);
  }

  100% {
    transform: scale(1.2);
  }
}