@font-face {
    font-family: 'Book Antiqua';
    src: url('/static/font/BookAntiqua/bookantiqua.ttf') format('truetype');
}

/* Custom styles */
.fullscreen-image {
    height: 100vh;
}

.cropped-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.class { 
	font-family: Book Antiqua,Palatino,Palatino Linotype,Palatino LT STD,Georgia,serif; 
}

.header-height-change {
    min-height: 600px;
}

.square-image img {
    width: 200px; /* Adjust size as needed */
    height: 200px; /* Match width for a square */
    object-fit: cover; /* Ensures the image scales properly */
    display: block;
}

.quote {
    margin: 1.5em 0;
}
.quote.left {
    text-align: left;
    padding-right: 20%;
}
.quote.right {
    text-align: right;
    padding-left: 20%;
}
.quote blockquote {
    font-size: 1.8em;
    font-family: "Book Antiqua", serif;
    font-style: italic;
    font-weight: bold;
    margin: 0;
}
.quote cite {
    display: block;
    font-size: 0.9em;
    color: #555;
    margin-top: 0.5em;
}

.chip {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
  margin-right: 5px;
  cursor: default; /* Optional:  Indicates it's not clickable */
}

.usa {
  background-color: #ccddff; /* Light Red */
  color: #000080; /* Dark Red */
  border: 1px solid #000080;
}

.aus {
  background-color: #ccffdd; /* Light Blue */
  color: #008000; /* Dark Blue */
  border: 1px solid #008000;
}

.usa:hover, .aus:hover {
  opacity: 0.8; /* Slight opacity change on hover */
}