body {
  /* background: papayaWhip; */
  background: #feb94e;
  font-family: Arial, Helvetica, sans-serif;
}

div.side-by-side {
  display: flex;
  width: 80%;
  float: right;
}

img {
  width: 30%;
  max-width: 500px;
}

.featureBlock {
  background-color: orange;
  font-size: smaller;
}

.image {
  float: right;
  width: 40%;
  max-width: 300px;
  border: dotted white;
}

.button {
  color: white;
  font-family: "Times New Roman", Times, serif;
  font-weight: bold;
}

.box {
  border-style: dashed;
  border-color: black;
  margin: 5%;
}

div.threeD {
}

div.threeD iframe {
  width: 90%;
  max-width: 1280px;
  max-height: 840px;
}

.text {
  vertical-align: bottom;
}

.footer {
  width: 90%;
  text-align: center;
  color: white;
}

.imgzoom {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  width: 75%;
  margin: 15px auto;
  padding: 1%;
  border-radius: 12px;
}

/* Navbar container */
.navbar {
  background: linear-gradient(to bottom, #222, #000);
  overflow: hidden;
  padding: 15px;
  text-align: center;
  border-radius: 50px;

  /* 3D effect */
  box-shadow: 
    0 6px 15px rgba(0, 0, 0, 0.5),
    inset 0 2px 4px rgba(255, 255, 255, 0.1),
    inset 0 -3px 6px rgba(0, 0, 0, 0.6);
}

/* Navbar links */
.navbar a {
  color: red;
  text-decoration: none;
  padding: 14px 20px;
  display: inline-block;
  border-radius: 30px;

  /* button look */
  background: linear-gradient(to bottom, #333, #111);
  box-shadow: 
    0 4px 8px rgba(0, 0, 0, 0.5),
    inset 0 1px 2px rgba(255, 255, 255, 0.15);

  transition: all 0.2s ease;
}

/* Hover effect */
.navbar a:hover {
  background: linear-gradient(to bottom, #575757, #2a2a2a);
  transform: translateY(-2px);
  box-shadow: 
    0 6px 12px rgba(0, 0, 0, 0.6);
}

/* Click (pressed effect) */
.navbar a:active {
  transform: translateY(2px);
  box-shadow: 
    inset 0 3px 6px rgba(0, 0, 0, 0.7);
}
/* Hover effect */
.navbar a:hover {
  background-color: #333;
}

/* Main content */
.content {
  padding: 20px;
  text-align: center;
}

.imgzoom img:hover {
  transform: scale(1.4);
}

.team-box {
  display: flex;
  align-items: center;
  gap: 200px;
  border: 2px solid black;
  border-radius: 25px;
  padding: 20px;
}

.profile {
  width: 80px;
  height: 70px;
  border-radius: 25%;
  overflow: hidden;
  margin-right: 15px;
}

.profile img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.member {
  display: flex;
  align-items: center;
}

h1 {
  font-family: 'Fredericka the Great', cursive;
}

p {
  font-family: 'Cabin Sketch', cursive;
}