h2{
    font-size: 34px;
    margin-top: 32px;
    margin-bottom: 32px;
}
h3{
    font-size: 24px;
    margin-top: 32px;
    margin-bottom: 32px;
}
h4{
    font-size: 30px;
}
ol, ul li {
    line-height: 32px;
}

.blog-row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.blog {
    background-color: #36c1ba;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 30%;
    float: left;
}

.blog-content {
    padding: 20px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blog-content h2 {
    color: black;
}

.blog-content p {
    flex-grow: 1;
    color: black;
    margin-bottom: 20px;
}

.blog-content a {
    align-self: flex-start;
    background-color: #bee041;
    color: black;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.blog-content a:hover {
    background-color: #0056b3;
}
    .mobile {
    display: none;
}
section.blogmainpage {
    margin-top: 20px;
}
section.blogmainpage h1 {
    margin-bottom: 44px;
}
@media (min-width: 240px) and (max-width: 599px){
     .mobile {
    display: block;
}
 .desktop {
    display: none;
}
.blog {
    width: 100%;
}
.job a {
    bottom: 42%;
}
}