@import url('https://fonts.googleapis.com/css2?family=Besley:ital,wght@0,400;1,900&display=swap');

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

.header {
  font-family: Oswald;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: black;
}

.links {
  color: limegreen;
  text-decoration: none;
  display: flex;
  justify-content: space-evenly;
  flex-grow: 1; 
  margin: 10px;
}

.logo {
  color: limegreen;
  font-size: 32px;
  font-weight: 900;
  margin: 10px;
}


.search {
  display: flex;
  align-items: center;
  margin-right: 15px; 
}

button {
  border: none;
  border-radius: 8px;
  background: limegreen;
  color: white;
  padding: 8px 24px;
}

a {
  text-decoration: none;
  color: limegreen;
}

ul {
  list-style-type: none;
}

.profile-image {
  background: limegreen;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  margin: 5px;
}


.job-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  padding: 20px;
  height: 500px;
  width: 400px;

}

.info-container {
  display: flex;
  flex-direction: column;
}

.title, .location, .web, .info {
  margin-bottom: 10px;
}

.job-container-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}


.title-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
}

.title-header, .header-info {
  margin-bottom: 10px;
}

.info-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 500px;
  padding: 20px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
}

.header-info{
  display: flex;
  text-align: center;
}

.title-header{
  display: flex;
  height: 300px;
  background-color: black;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.title-container{
  color: white;
  display: flex;
  justify-content: center;

}

button:hover {
  background: darkgreen;
}