body {
    background-color: #dedede;
}

.section {
    background-color: #fff;
    padding: 15px;
    box-shadow: 1px 1px 10px #ccc;
}

.section:hover {
    animation: shadow-animation 2000ms linear 200ms alternate infinite;
}

@keyframes shadow-animation {
    0% {
        box-shadow: #ccc 1px 1px 10px;
    }

    100% {
        box-shadow: #337ab7 1px 1px 14px;
    }
}

@media print {
    .section {
        box-shadow: none;
        margin-top: 0 !important;
    }
    .section:hover {
        animation: none;
    }
}

.position-relative {
    position: relative;
}

.resume {
    max-width: 768px;
    margin: 0 auto;
}

.avatar {
    position: absolute;
    top: 15px;
    right: 15px;
    max-width: 120px;
}

table {
    width: 100%;
}
th {
    text-align: left;
}

.lr {
    display: flex;
}
.lr .l {
    flex-shrink: 0;
}
.lr .r {
    flex-grow: 1;
}

@media print {
    .footer {
        display: none;
    }
}