/* privacy.css stylesheet */

.privacy{
display: flex;
flex-wrap: wrap; /* Allows wrapping if needed */
justify-content: space-between; /* Spreads them out evenly */
align-items: center; /* Aligns them vertically */
color:rgb(34, 38, 59);
background-color: #dddeec;
border: 0.15em solid #4a4a4a;
border-radius: 12px;
box-shadow:2px -1px 12px #6d7592;; /* Soft outer glow */
Margin:1em;
padding: 1.25em;
}

.privacy ul,
.privacy h1, 
.privacy h2, 
.privacy h3 {
display: block;
width: 100%;
}
.privacy h1, h2, h3{
color:rgb(70, 5, 5);
font-size:110%;
margin:0;
padding:0;
}
.privacy ul{
list-style: none;
margin:0 0 0 0.75em;
}

.privacy ul li::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><rect x="1" y="1" width="10" height="10" stroke="black" stroke-width="2" fill="none"/></svg>') no-repeat center;
margin-right: 0.75em;
}

.privacy p{
line-height: 1.5em;
text-indent:.1em;
margin:0.25em 0 0.25em 0;
padding:0;
}

.privacy ul li{
margin:0.65em;
}

.privacy a {
color: #003366; /* Deep navy blue for contrast */
background-color: #999999;
text-decoration: none; /* Keep it clean */
font-weight: bold;
transition: color 0.3s ease-in-out;
margin:0.25em;
padding: 0.1em 0.25em;
Border:0.065em solid black;
border-radius:0.25em;
}

.privacy a:hover {
color: #FFDD44; 
background-color: #888181;
text-decoration: underline; 
Border:0.065em solid rgb(61, 53, 53);
}