*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
a{
    text-decoration: none;
    color: white;
}
.top{
    display: flex;
    justify-content: space-around;
    height: 5rem;
    align-items: center;
    background-color: rgb(86, 86, 86);
    color: white;
}
.logo img{
    width: 7rem;
}
.home button{
    background-color: transparent;
    border: none;
    font-size: 2rem;
    cursor: pointer;
    color: yellow;
}
.apply{
    margin: 4rem 0;
}
.apply a{
    color: white;
    border-radius: 0.4rem;
   font-weight: bold;
    padding: 1rem 3rem;
    background-color: #f8c023;
    
}
body{
    color: white;
    background-color: black;
    transition: 1s ease-in-out;
}
.job-container{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5rem;
}
.job{
    width: 70%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.job h1{
    font-size: 5rem;
}

.about-company img{
    width: 50%;
    display: flex;
margin: auto;
}
.about-company p{
    margin-top: 2rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
}
.job-decscription{
    margin: 3rem 0rem;
}
.job-decscription h1{
    font-size: 2.5rem;
}
.job-decscription li{
    font-size: 1.4rem;
  margin-top: 1rem;
}
.position{
    text-align: center;
}
.department,.role,.location,.remote-status{
    width: 50%;
text-align: center;
    display: flex;
    justify-content: space-between;
    line-height: 2rem;
    font-weight: bold;
}
.departments{
    color: gold;
}
.nightmode{
    color: black;
    background-color: white;
    transition: 1s ease-in-out;
}
.homeclick button{
        color: white;
    
}
@media (max-width: 950px) {
    .setup{
        text-align: center;
    }
    .position h1{
        font-size: 4rem;
    }
    .dep-con{
       
    }
.department,.role,.location,.remote-status{
    min-width: 90%;
}
.job{
    width: 85%;
}
.about-company img{
    width: 20rem;
}
}