/*pg.css */
/* Styles for the breadcrumb navigation Element */
nav {
text-align: center;
}
a {
  color: black;
}
a:hover {
  text-decoration: none;
} 
ol {
  list-style-type: none;
  display: flex;
  padding: 0;
  font-size: 20px;
  font-family: sans-serif;
}
ul li {
  padding: 10px 20px 0 0;
}
ul ul {
  display: block;
  font-size: 20px;
}
  
ol li a::after {
  display: inline-block;
  color: #000;
  content: '=>';
  padding: 0 8px;
}
body{
  background-color: rgb(27, 116, 61);
  background-image:url(acc/pix/own/trans_BuggsC.jpg);
  background-attachment: fixed;
  background-position: center center;
  background-size: cover;  
}


/* page logo drop shadow*/
#logo{
     box-shadow:8px 8px 8px rgb(48, 47, 47);
}

#no_title {
  text-align: center;
  text-decoration: underline;
}

#pg_info {
  font-size: 15pt;
}

#friend1 {
/*border: 1px solid black;*/
overflow: hidden; /* Contains floated elements */
display: flex;           /* Enables flexbox layout */
}

#bevee, #bevee_bk {
float: left;
/* width: 50%; Adjust width as needed */
}

.hstnme {
  width: 40%;
  border: 2px solid black;
  padding: 20px;
  margin: 20px;
}

.bevee {
  background-color: rgb(204, 109, 204);
  text-align: center;  
  font-family:Monotype Corsiva, Helvetica, Sans-Serif;
  width: 30%;
  height:50%;
  border: 4px solid black;
  padding: 20px;
  margin: 20px;
}

.bevee_bk {
  background-color: rgb(204, 109, 204);
  text-align: center;  
  font-family:Monotype Corsiva, Helvetica, Sans-Serif;
  width: 30%;
  height:auto;
  border: 4px solid black;
  padding: 20px;
  margin: 20px;
}

/* Create raised appearance with border, rounded corners, and shadow */
/* Works with images, tables, and block elements (div, p, and headings) */
.raised{
  border:solid 1px gray;
  border-radius: 1.6em;
  box-shadow:8px 8px 8px gray;
}


footer {
  border-top: 3px solid black;
  text-align: center;
  font-size: 15px;
}