/* 
      .--..--..--..--..--..--.
    .' \  (`._   (_)     _   \
  .'    |  '._)         (_)  |
  \ _.')\      .----..---.   /
  |(_.'  |    /    .-\-.  \  |
  \     0|    |   ( O| O) | o|
   |  _  |  .--.____.'._.-.  |
   \ (_) | o         -` .-`  |
    |    \   |`-._ _ _ _ _\ /
    \    |   |  `. |_||_|   |
    | o  |    \_      \     |     -.   .-.
    |.-.  \     `--..-'   O |     `.`-' .'
  _.'  .' |     `-.-'      /-.__   ' .-'
.' `-.` '.|='=.='=.='=.='=|._/_ `-'.'
`-._  `.  |________/\_____|    `-.'
   .'   ).| '=' '='\/ '=' |
   `._.`  '---------------'
           //___\   //___\
             ||       ||
             ||_.-.   ||_.-.
            (_.--__) (_.--__)
       

 Insert all your glorious CSS styles below! */


body {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  color: #333;
  padding: 20px;
}

h1, h2 {
  font-family: 'Merriweather', serif;
  margin-bottom: 10px;
}

p {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 15px;
}


.jobs-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
  margin-top: 30px;
}


.job {
  background: #ffffffcc;
  border-radius: 10px;
  padding: 20px;
}


.job-header {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.job-header img {
  max-width: 70px;
  height: auto;
  display: block;
}

.job-header h2 {
  margin: 0;
}


.job a {
  font-weight: bold;
  color: #2a4f9d;
  display: inline-block;
  margin-bottom: 10px;
}