@charset "UTF-8";
body { background: linear-gradient(120deg, rgba(0, 145, 147, 0.3), rgba(255, 38, 0, 0.3), rgba(255, 148, 0, 0.3)); font-family: Avenir Next,Helvetica,sans-serif; font-size: 20px; line-height: 38px; margin: 0 auto; }

p { margin: 0 0 30px; }

img { border-radius: 5px; max-width: 100%; }

img.left { width: 450px; }

img.left, img.selfie { float: left; margin: 10px 20px 10px 0; }

img.selfie { width: 240px; }

hr { background-color: rgba(0, 0, 0, 0.3); border: 0; height: 2px; margin: 75px auto; width: 25%; }

code { background: none; color: #000; font-size: 16px; }

pre { margin-bottom: 20px; padding: 20px; }

pre code { font-size: 16px; }

ul { margin: 30px 0; }

blockquote { background-color: rgba(0, 0, 0, 0.1); border: 0; border-radius: 5px; color: rgba(0, 0, 0, 0.6); font-size: 18px; margin-bottom: 30px; padding: 30px 60px; position: relative; }

blockquote:before { color: rgba(0, 0, 0, 0.3); content: “; font-family: Times New Roman,serif; font-size: 60px; left: 10px; position: absolute; top: 15px; }

a { border-bottom: 3px solid rgba(0, 0, 0, 0.1); padding-bottom: 2px; transition: color .1s; }

a, a:hover { color: #000; }

a:hover { border-color: rgba(0, 0, 0, 0.3); text-decoration: none; }

header { background-image: url(/images/talks/firing-people/firing.jpg); background-size: cover; height: 300px; position: relative; }

header h1 { margin: 0; padding: 0; }

@media (max-width: 800px) { header h1 { font-size: 40px; letter-spacing: 10px; } }

.overlay { background-image: linear-gradient(120deg, rgba(255, 38, 0, 0.5), rgba(255, 148, 0, 0.5), rgba(0, 145, 147, 0.5)); color: rgba(255, 255, 255, 0.6); font-size: 40px; font-weight: 700; height: 100%; letter-spacing: 40px; padding-top: 15px; text-align: center; text-transform: uppercase; width: 100%; }

.bottom-shadow { background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.4)); bottom: 0; height: 20px; position: absolute; width: 100%; }

.tagline { padding: 80px 0 100px; text-align: center; }

.tagline .tagline-content { color: #009193; font-size: 28px; line-height: 40px; }

.tagline .tagline-secondary { color: #009193; font-size: 22px; padding: 50px 0; }

.tagline .tagline-author { font-family: Avenir Next LT W01 Bold; }

.tagline .tagline-author a { border: none; }

.tagline .tagline-author a:hover { border-bottom: 3px solid rgba(0, 0, 0, 0.3); }

.tagline .tagline-author .tagline-by { font-family: AvenirNextLTW01-Italic; }

.tagline .tagline-date { color: rgba(0, 145, 147, 0.5); font-family: Avenir Next LT W01 Bold; font-size: 16px; letter-spacing: 4px; text-transform: uppercase; }

.content { margin: 0 auto; max-width: 750px; padding: 0 25px; }

.content .fire-fast { color: #ff2600; font-family: AvenirNextLTW01-BoldIta; font-size: 40px; margin: 30px 0; }

.content .video-container { height: 0; margin: 60px 0; padding-bottom: 56.25%; position: relative; width: 100%; }

.content .video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.content .focus { border-radius: 5px; margin: 30px 0; padding: 10px 30px; }

.content .focus h4 { font-size: 20px; letter-spacing: 25px; margin-bottom: 20px; text-align: center; text-transform: uppercase; }

.content .focus.focus-you { background-image: linear-gradient(120deg, rgba(254, 251, 1, 0.2), rgba(115, 250, 121, 0.2)); }

.content .focus.focus-company { background-image: linear-gradient(120deg, rgba(1, 25, 147, 0.2), rgba(115, 252, 214, 0.2)); }

.content .focus.focus-coworker { background-image: linear-gradient(120deg, rgba(82, 27, 146, 0.2), rgba(255, 47, 146, 0.2)); }

.content .twitter-tweet { margin-bottom: 60px !important; margin-top: 60px !important; }

.section { background-size: cover; margin: 150px -100px 50px; }

.section h2 { font-size: 70px; letter-spacing: 20px; margin: 200px 0; }

@media (max-width: 1000px) { .section { margin: 150px 0 50px; } .section h2 { font-size: 30px; letter-spacing: 10px; } }

.section.section-backstory { background-image: url(/images/talks/firing-people/backstory.jpg); }

.section.section-perspectives { background-image: url(/images/talks/firing-people/perspectives.jpg); }

.section.section-fired { background-image: url(/images/talks/firing-people/fired.jpg); }

.section.section-loose-ends { background-image: url(/images/talks/firing-people/loose-ends.jpg); }

.section.section-life-after { background-image: url(/images/talks/firing-people/life-after.jpg); }

.section.section-after { background-image: url(/images/talks/firing-people/after.jpg); }

.section.section-next { background-image: url(/images/talks/firing-people/next.jpg); }

footer { background-image: linear-gradient(120deg, rgba(255, 38, 0, 0.5), rgba(255, 148, 0, 0.5), rgba(0, 145, 147, 0.5)); margin: 200px auto 0; padding: 100px 0; text-align: center; }

footer h6 { color: rgba(255, 255, 255, 0.6); font-size: 30px; letter-spacing: 20px; margin-bottom: 30px; text-transform: uppercase; }

footer p { font-size: 16px; margin: 0; }

footer p:last-child { margin-bottom: 0; }

/*# sourceMappingURL=firing-people.css.map */