body {
  margin:0;
  font-family: 'Roboto', sans-serif;
}

.section-one {
   max-width: 1000px;
  margin: 0 auto;
  background: #1F2937;
  padding: 40px;

 }

 .btn-primary{
   background-color: #3882F6;
  color: #fff;
  border: none;
  padding: 8px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
 }

.image-placeholder {
  width: 400px;
  height: 200px;
  background: gray;
  color:white;
    display: flex;
  justify-content: center;
  align-items: center;
}

.content {
  display: flex;
    justify-content: center;
  align-items: center;
}
.header{
      display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar a{
  margin: 7px;
  font-size: 18px;
text-decoration: none;
color: #E5E7EB;
}

.info{
    display: flex;
  justify-content: center;
  align-items: center;
  gap:12px;
  flex-wrap: wrap;
}


.picture{
   width: 100px;
  height: 100px;
  border:2px solid #1E90FF;
  border-radius: 12px;
 
}

.subtext{
  color:#808080;
}
.card {
  width: 120px;
  text-align: center;
}

.some-info{
    text-align: center;
}

.section-three{
  margin-top: 65px;
  background: #D1D5DB;
  padding:50px;
  box-sizing: border-box;
}

.quotes{
  display: flex;
  justify-content: center;
  align-items: center;
}

.quote-text{
  text-align: center;
   color:#808080;
    font-weight: 100;
  font-style: italic;
}

.quote-author{
  text-align: right;
    font-size: 12px;     /* Small size */
  font-weight: bold;   /* Thick appearance */
flex:1;
}

.section-four {
  padding: 80px 0; /* space above and below the section */
}

.action{
 background: #3B82F6;
  color: white;

  max-width: 800px;   /* limit the width of the blue box */
  margin: 0 auto;     /* center it horizontally */

  padding: 30px 60px; /* inner spacing (top/bottom, left/right) */
  border-radius: 8px;

  display: flex;
  justify-content: space-between; /* space between text and button */
  align-items: center;            /* vertical alignment */
}

.cta-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.cta-text {
  margin: 0;
}

.cta-button{
  background-color: #3B82F6;
  color: #fff;
  border: 2px solid white;
  padding: 8px 32px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}

.cta-left {
  display: flex;
  flex-direction: column;
}