popup.css

/* .container {
  width: 280px;
  color: #314d3e;
}

.title {
  font-size: 14px;
  font-weight: bold;
  padding: 8px;
}

.textbox {
  width: 100%;
  font-size: 12px;
  margin: 0;
  padding: 0px 2px;
}

.textbox:focus {
  outline: 0;
  border-color: #66afe9;
}

.bookmarks {
  margin: 5px 5px;
  padding: 3px;
}

.bookmark {
  display: flex;
  border-bottom-color: #00254d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-radius: 0.8rem;
  padding: 3px;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

.bookmark-title {
  padding-left: 2px;
}

.bookmark-controls img {
  margin: 0 4px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.bookmark-controls {
  flex: auto;
  text-align: right;
} */
body{
  width:300px;
  height:100px;
  text-align: left;
  font-size: 14px;
  margin:10px;
}
.title{
  font-weight: 500;
  font-size: 16px;
}
span{
  padding-bottom: 10px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
button{
  border-radius: 15px;
  font-weight: 500;
  color: rgb(255, 255, 255);
  text-align: center;
  align-self: center;
  padding: 10px;
  width: fit-content;
  height: fit-content;
  border: none;
  font-size: 16px;
  cursor: pointer;
  margin-bottom: 5px;
  margin-left:5px;
  background-color: rgb(15, 140, 30);
  /* background: linear-gradient(135deg,rgb(229, 255, 0) 5%, rgb(136, 0, 255) 10%, green 17%, rgb(133, 135, 11) 22%,red 30%, rgb(229, 255, 0) 35%,rgb(149, 0, 255) 40%, green 43%, rgb(217, 232, 7) 50%,red 55%, rgb(140, 0, 255) 60%, green 67%, rgb(15, 182, 6) 75%,red 80%, rgb(144, 0, 255) 85%, green 92%, rgb(232, 240, 10) 95% ); */
  /* background-size: 275% 100%; Make the gradient twice as wide to accommodate for changing colors */
  
  /*animation: changeColor 5s infinite;  Adjust animation duration as needed */
}
  
/* @keyframes changeColor {
  0% { background-position: 0 0; }
  100% { background-position: 100% 0; }
} */
.quote1{
  font-family: system-ui;
  font-weight: 400;
  
}
.pincrx{
  padding-left: 20px;
  padding-bottom: 10px;
  color: green;
}
#map { height: 180px; }
div.hf{
  display:flex;
  width:fit-content;
  margin:5px;
  padding:5px 10px 5px 10px;
  background-color: green;
  color:white;
  border-radius: 10px;
  cursor:pointer;
  font-family:Agrandir, Verdana, Geneva, sans-serif;
}
div#tab{
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}