@import url(home-mobile.css) (max-width: 680px);

.links #code {
    content: url("../images/code.png");
    margin: 6px;
    vertical-align: middle;
}

.links #pdf-icon {
    content: url("../images/acrobat.png");
    margin: 6px;
    vertical-align: middle;
}

.links #linkedin-icon {
    content: url("../images/linkedin.png");
    vertical-align: -5px;
}

a[href^="https://"]::after {
    content: url("../images/external-link.png");
    margin: 2px;
    vertical-align: top;
}

.code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 20px;
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block;
    text-align: left; /* Aligning the code block to the left */
}

.blog-section::before {
    content: "Featured Blogs";
    font-weight: bold;
    font-size: 24px;
}

.blog-section a {
    text-decoration: none;
    text-align: left;
    color: #343a40;
}

.blog-section a p::after {
    content: "read more";
    color: #0066CC;
}

.blog-section a:nth-child(n) {
    border-bottom: 1px dashed green;
}

.blog-section a:last-child {
    border-bottom: none;
}

.blog-section * {
    display: block;
    margin: 5px 20px 10px 10px;
}

.blog-section a h3 {
    text-decoration: underline;
}

.blog-section a h3:hover {
    color: #0066CC;
}