* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background: #e8eaed;
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4;
}


/* PRINT BUTTON */

.actions {
    width: 900px;
    margin: 20px auto 12px;
    text-align: right;
}

.actions button {
    background: #111827;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 18px;
    font-size: 14px;
    cursor: pointer;
}

.actions button:hover {
    background: #374151;
}


/* RESUME */

.resume {
    width: 900px;
    min-height: 1100px;
    margin: 0 auto 30px;
    padding: 42px 52px;

    background: #fff;

    box-shadow:
        0 5px 25px rgba(0, 0, 0, 0.12);
}


/* HEADER */

.header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;

    padding-bottom: 17px;

    border-bottom: 2px solid #222;
}

.header-left {
    flex: 1;
}

.header h1 {
    font-size: 34px;
    letter-spacing: 2px;
    margin-bottom: 6px;
}

.header h2 {
    font-size: 14px;
    letter-spacing: 0.7px;
}

.header h2 span {
    margin: 0 4px;
}

.contact {
    text-align: right;
    font-size: 11.5px;
    line-height: 1.5;
}

.links {
    margin-top: 5px;
}

.links a {
    color: #222;
    text-decoration: none;
    margin-left: 9px;
    font-weight: 600;
}

.links a:hover {
    text-decoration: underline;
}


/* SECTIONS */

section {
    margin-top: 18px;
}

section h3 {
    font-size: 13px;
    letter-spacing: 1.2px;

    border-bottom: 1.5px solid #333;

    padding-bottom: 3px;
    margin-bottom: 7px;
}

section p {
    font-size: 12px;
}


/* SKILLS */

.skills p {
    margin-bottom: 4px;
}


/* PROJECTS */

.project {
    margin-bottom: 14px;
}

.project h4 {
    font-size: 13px;
    margin-bottom: 3px;
}

.tech {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 3px;
}

.github {
    font-size: 10.5px !important;
    margin-bottom: 4px;
}

.github a {
    color: #222;
    text-decoration: none;
}

.github a:hover {
    text-decoration: underline;
}

.project ul {
    padding-left: 17px;
}

.project li {
    font-size: 11.5px;
    margin-bottom: 2px;
}


/* EDUCATION */

.education h4 {
    font-size: 12.5px;
    margin-bottom: 2px;
}

.education p {
    font-size: 11.5px;
}


/* CERTIFICATIONS */

.simple-list {
    padding-left: 17px;
}

.simple-list li {
    font-size: 11.5px;
    margin-bottom: 3px;
}


/* INTERNSHIP */

.internship h4 {
    font-size: 12.5px;
    margin-bottom: 2px;
}

.internship h4 span {
    font-weight: normal;
}

.internship p {
    font-size: 11.5px;
}


/* EXPOSURE */

.exposure {
    font-size: 11.5px !important;
    font-weight: 600;
}

.exposure span {
    margin: 0 6px;
}


/* MOBILE */

@media (max-width: 950px) {

    .actions {
        width: 95%;
    }

    .resume {
        width: 95%;
        padding: 35px;
    }
}


@media (max-width: 650px) {

    body {
        background: #fff;
    }

    .actions {
        width: 100%;
        padding: 10px 15px;
        margin: 0;
    }

    .resume {
        width: 100%;
        margin: 0;
        padding: 25px 20px;
        box-shadow: none;
    }

    .header {
        flex-direction: column;
    }

    .contact {
        text-align: left;
    }

    .links a {
        margin-left: 0;
        margin-right: 12px;
    }

    .header h1 {
        font-size: 28px;
    }

    .header h2 {
        font-size: 13px;
    }
}


/* PRINT */
/* Screen design is preserved */

@media print {

    @page {
        size: A4;
        margin: 0;
    }

    html,
    body {
        background: #fff;
    }

    .actions {
        display: none;
    }

    .resume {
        width: 900px;
        min-height: 1100px;
        margin: 0;
        padding: 42px 52px;
        box-shadow: none;
    }

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