@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;400;600&display=swap");

h1 {
  font-size: 60px;
  text-align: center;
  font-family: 'Poppins', sans-serif;
}

p, li {
  font-size: 16px;
  line-height: 2;
  letter-spacing: 1px;
}

body {
  font-family: 'Poppins', sans-serif;
}

#Intro {
  width: 800px;
  margin: 0 auto;
  background-color: #ffffff;
  padding: 0 20px 20px 20px;
  box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.8);
  border-radius: 11px;
}

#myImage {
  position: fixed; /* Fixed position relative to the viewport */
  top: 0; /* Align to the top of the viewport */
  left: 0; /* Align to the left of the viewport */
}

.white-box {
  width: 800px;
  margin: 50px auto;
  background-color: white;
  border: 1px solid #ddd;
  height: auto;
  padding: 0 20px 20px 20px;
  box-shadow: 5px 5px 10px 2px rgba(0, 0, 0, 0.8);
  border-radius: 11px;
}

/* Adding CSS for the .job-container */
.job-container {
  margin-bottom: 100px !important;
}
 
.job-container img {
  width: 100px;
  height: auto;
  margin-right: 10px;
  float: left;
}

#apple {
  width: 100px;
  margin-right: 10px;
  position: relative;
  top: 15px; /* This line moves the apple image down */
}

#CGI {
  width: 100px;
  margin-right: 10px;
  position: relative;
  top: 10px; /* This line moves the CGI image down */
}

#UofG {
  width: 100px;
  margin-right: 10px;
  position: relative;
  top: 10px; /* This line moves the UofG image down */
}

#BB {
  width: 100px;
  margin-right: 10px;
  position: relative;
  top: 10px; /* This line moves the CGI image down */
}

.job-title {
  font-size: 20px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  top: -10px;
  margin-bottom: 1px;
  margin-right: 10px; /* Adjust spacing between the title and the CIF image */
}

.job-description {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  position: relative;
  top: -10px;
  margin-left: 110px; /* This line added to push the text to the right */
}

.job-header {
  display: flex;
  align-items: center;
}

.job-header img {
  margin-right: 10px;
}