:root { --bs-white: #fdecef; --bs-white-25: rgba(253, 236, 239, 0.25); --bs-white-10: rgba(253, 236, 239, 0.1); --bs-dark: #1c090b; --bs-accent: magenta; }

html { height: 100%; }

body { height: 100%; background: #ffffff; color: #41151a; font-family: 'Work Sans', sans-serif; }

a { transition: color 0.25s linear; color: #1c090b; border-bottom: 1px solid magenta; }

a.anchor { opacity: 0.45; text-decoration: none; border-bottom-color: transparent; }

a.anchor:hover { opacity: 1; }

a:hover { color: magenta; text-decoration: none; }

h3, h4, h5 { font-weight: 300; font-size: 1.5rem; }

h1 { font-weight: 300; font-size: 3rem; }

h2 { font-weight: 300; }

.clear { clear: both; }

.wrapper { position: relative; }

.wrapper > .wrapper-bait { position: absolute; z-index: 100; top: -10px; height: 30px; left: 50%; width: 250px; margin-left: -125px; text-align: center; }

.wrapper > .wrapper-bait > span { background: magenta; padding: 0.5rem 1rem; color: white; font-weight: 300px; text-transform: uppercase; font-size: 80%; }

.extra-spacing { margin-top: 3rem; clear: both; }

.extra-padding { padding-top: 1.5rem; }

.height-100 { height: 100%; }

.width-100 { width: 100%; }

.bt-glitch-1 { border-top: 1px solid blue; box-shadow: 0px -1px 0px cyan; }

.bt-glitch-2 { border-top: 1px solid blue; box-shadow: 0px -2px 0px cyan; }

.bt-glitch-3 { border-top: 1px solid blue; box-shadow: 0px -2px 0px cyan, inset 0px 2px 0px magenta; }

.font-times { font-style: normal; font-family: 'Times New Roman', Times, serif; }

.font-comic { font-style: normal; font-family: 'Comic Sans MS', cursive, sans-serif; }

#nav--brand { display: none; margin: 0; padding-top: 0; position: absolute; top: 0; right: 0; left: 0; z-index: 1030; height: 80px; border-top: 2px solid cyan; padding-bottom: 0; }

.nav--pages { position: absolute; top: 80px; right: 0; left: 0; z-index: 1030; padding: 0; }

#nav--pages--primary .navbar-collapse { border-bottom: 1px solid rgba(255, 255, 255, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.25); }

#nav--pages--secondary { display: none; top: 125px; }

.navbar-text { margin-top: 0px; }

.navbar-brand { background: transparent; padding-left: 1rem; padding-right: 1rem; padding-top: 1rem; background: transparent; color: cyan; }

nav a { color: #ffffff; border-bottom-color: transparent; }

li.nav-item { margin: 0 5px; border-top: 2px solid transparent; transition: border-top-color .25s linear; }

li.nav-item a.nav-link { position: relative; }

li.nav-item a.nav-link > span { color: #1c090b; transition: color .25s linear; }

li.nav-item a.nav-link::before { position: absolute; left: .5rem; top: 0; right: .5rem; bottom: 0; content: ""; background: cyan; z-index: -1; transform-origin: center; transform: scale(0, 0.5); transition: transform .25s ease-in-out; }

li.nav-item a.nav-link:hover::before { transform: scale(1, 0.5); }

li.nav-item a.nav-link:hover > span { color: #1c090b; }

a.nav-link strong { font-weight: normal; color: #ffffff; }

a.nav-link > span { color: #ffffff; }

li.nav-item a.nav-link > span { color: #fdecef; }

li.nav-item a.nav-link:hover > span { color: #1c090b; }

li.nav-item.active { box-shadow: 0 2px cyan; }

li.nav-item.active a.nav-link::before { transform: scale(0, 0); }

li.nav-item.active a.nav-link > span { color: cyan; }

.dropdown-menu { background: rgba(27, 9, 11, 0.8); border-radius: 0; min-width: auto; padding: .25rem .75rem; border-width: 0px; }

.dropdown-item { padding: .25rem .5rem; color: #fdecef; }

.dropdown-item.active { background: transparent; box-shadow: 0 2px cyan; color: cyan; }

@media (min-width: 768px) { #nav--brand, #nav--pages--secondary { display: block; } }

#nav-mobile--site-title { line-height: 20px; padding-left: 15px; }

#nav-mobile--site-title > span { background: cyan; color: #1c090b; }

#nav--mobile { position: fixed; left: 0; z-index: 1060; background: linear-gradient(to top, rgba(18, 194, 233, 0.9), rgba(196, 113, 237, 0.9), rgba(246, 79, 89, 0.9)); top: -400px; height: 450px; width: 100%; transition: transform .21s ease-in-out; box-shadow: 0 1px cyan, inset 0px -1px 0px magenta; border-bottom: 1px solid blue; }

#nav--mobile.active { transform: translate(0, 400px); }

#nav--mobile .navbar-brand { padding: 7px 0 5px 5px; background: transparent; }

#nav--mobile .navbar-brand > img { height: 40px; }

#nav--mobile .bottom { position: absolute; height: 50px; bottom: 0px; left: 7px; right: 14px; overflow: hidden; }

#nav--mobile .toggler { position: absolute; top: 10px; left: 50%; height: 30px; width: 60px; margin-left: -30px; overflow: hidden; background-color: transparent; color: #1c090b; border: 2px solid #1c090b; text-align: center; }

#nav--mobile .toggler > span { display: block; line-height: 23px; border-bottom: 2px solid #1c090b; }

#nav--mobile ul.languages { position: absolute; top: 10px; right: 0; height: 30px; }

#nav--mobile ul.languages li.nav-item { display: inline-block; }

#nav--mobile ul.languages li.nav-item .nav-link { padding: 2px 4px; }

#nav--mobile ul.languages li.nav-item.active .nav-link { color: #1c090b; }

#nav--mobile > ul.navbar-nav { position: absolute; border-top: 2px solid; top: 50px; }

#nav--mobile > ul.navbar-nav.left { left: 15px; right: 50%; }

#nav--mobile > ul.navbar-nav.right { right: 15px; left: 50%; }

#nav--mobile > ul.navbar-nav li.nav-item.active { border-top-color: transparent; }

#nav--mobile > ul.navbar-nav li a { padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) { #nav--mobile { display: none; } }

footer { color: rgba(255, 255, 255, 0.75); padding: 2em 0; margin-top: 2px; background: #1c090b; }

footer a { color: #ffffff; }

/* clip */
.component h4 { font-size: inherit; font-weight: bold; margin-top: 2em; }

.component .iframe-wrapper { background: #1c090b; padding-top: 75%; position: relative; }

.component .iframe-wrapper.aspect-16-9 { padding-top: 56.25%; }

.component .iframe-wrapper > .inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.component .iframe-wrapper:hover .iframe-wrapper--toggler { opacity: 1; animation-name: pulse; animation-duration: 1s; animation-fill-mode: both; }

.component .iframe-wrapper--toggler { cursor: pointer; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; width: 40px; opacity: .8; transition: all .2s ease-in-out; }

.component .iframe-wrapper--toggler img { width: 100%; }

.component section { position: relative; margin-top: 25px; }

.component section h3.excerpt { font-weight: bold; font-size: inherit; line-height: inherit; }

.component section aside { position: absolute; left: -220px; text-align: right; width: 200px; top: 0; }

.component section aside .image-wrapper img { width: 100%; }

.component.iframe .reference { margin-top: 1rem; }

.component.iframe .iframe-wrapper > .inner { background-size: cover; }

.component.iframe.vimeo .reference p { color: #e0e0e0; }

.component.clip { padding-top: 10px; }

.component.clip h3 { font-weight: bold; font-size: inherit; line-height: inherit; }

.component.workshop img { max-width: 100%; }

.component.workshop-content .time { background-color: #fdecef; padding-left: 10px; margin: 1rem 0; }

.component.workshop-content h4 { margin-top: 1em; }

.component-wrapper { margin-top: 0px; margin-bottom: 0px; padding-top: 1.5rem; padding-bottom: 2rem; position: relative; }

.component-wrapper.clip, .component-wrapper.quiz, .component-wrapper.interactive, .component-wrapper.workshop { border-top: 1px solid blue; margin-bottom: 0px; padding-bottom: 0; background-color: #070f13; }

.component-wrapper.clip .lines .type, .component-wrapper.quiz .lines .type, .component-wrapper.interactive .lines .type, .component-wrapper.workshop .lines .type { color: #ffffff; }

.component-wrapper.clip .caption, .component-wrapper.quiz .caption, .component-wrapper.interactive .caption, .component-wrapper.workshop .caption { margin: 1em 0; }

.component-wrapper.clip h3, .component-wrapper.quiz h3, .component-wrapper.interactive h3, .component-wrapper.workshop h3 { color: #ffffff; margin-top: 0px; font-size: 1.25em; padding-bottom: 1rem; margin-bottom: 1rem; position: relative; line-height: 1.5; }

.component-wrapper.clip h3::after, .component-wrapper.quiz h3::after, .component-wrapper.interactive h3::after, .component-wrapper.workshop h3::after { position: absolute; content: ""; bottom: 0; left: 0; width: 50px; border: 1px solid cyan; }

.component-wrapper.clip div.caption p, .component-wrapper.clip div.caption li, .component-wrapper.quiz div.caption p, .component-wrapper.quiz div.caption li, .component-wrapper.interactive div.caption p, .component-wrapper.interactive div.caption li, .component-wrapper.workshop div.caption p, .component-wrapper.workshop div.caption li { color: #fdecef; }

.component-wrapper.workshop { padding-bottom: 2rem; }

.component-wrapper.quiz, .component-wrapper.interactive { background-color: #d0d0d0; }

.component-wrapper.quiz h3, .component-wrapper.interactive h3 { color: #1c090b; }

.component-wrapper.quiz h3::after, .component-wrapper.interactive h3::after { border-color: magenta; }

.component-wrapper.quiz div.caption p, .component-wrapper.interactive div.caption p { color: #1c090b; }

.component-wrapper.clip a:not(.component--size), .component-wrapper.workshop a:not(.component--size) { color: white; }

.component-wrapper.clip a:not(.component--size):hover, .component-wrapper.workshop a:not(.component--size):hover { color: magenta; }

.component-wrapper.assignments { background-color: transparent; border-top: 2px solid magenta; }

.component-wrapper.assignments h3.assignments-title { margin-top: 0px; font-size: 1.25em; padding-bottom: 1rem; margin-bottom: 1rem; position: relative; line-height: 1.5; }

.component-wrapper.assignments h3.assignments-title::after { position: absolute; content: ""; bottom: 0; left: 0; width: 50px; border: 1px solid cyan; }

.component-wrapper.assignments .mosaic img { float: left; margin: 5px; height: 200px; }

.component-wrapper.assignments .mosaic:after { content: ''; display: block; clear: both; }

.component-wrapper.assignments img { max-width: 100%; display: block; margin: 0 auto; }

.component-wrapper.assignments iframe.imgur-embed-iframe-pub { display: block; margin-left: auto !important; margin-right: auto !important; }

.component-wrapper .--component--size { position: absolute; right: 0; border: 2px solid #1C090B; height: 25px; top: -2px; padding: 0 5px; font-weight: bold; background-color: white; }

.component--size { display: inline-block; font-weight: normal; padding: 0 .25rem; border-radius: 1rem; line-height: 1.25em; font-size: 1rem; box-shadow: 1px 1px magenta, -1px -1px cyan; background-color: white; color: #1c090b; border: 1px solid #1c090b; min-width: 1.25em; text-align: center; }

.component--size.big { font-size: 1.25rem; min-width: 2rem; border-radius: 2rem; }

.component--size.size-medium { border-width: 2px; box-shadow: 2px 2px magenta, -2px 0px blue; }

.component--size.size-large { border-width: 4px; min-width: 2.25rem; box-shadow: 4px -1px magenta, -3px -2px blue, -2px 4px cyan; }

.collapsible-content { transition: height .24s ease-in-out; overflow: hidden; }

.section--toggler { position: relative; }

.section--toggler.active .icon:before { transform: rotate(-180deg); }

.section--toggler.active .icon:after { transform: rotate(0); }

.section--title h3 { font-size: 1.25em; margin: 0.75rem 50px 0.75rem .5rem; }

.section--title .badge { margin-right: 30px; margin-top: .5em; }

.section--icon { position: absolute; right: 0px; top: 50%; width: 25px; margin-top: -9px; height: 25px; text-align: left; }

.section--icon .icon:after, .section--icon .icon:before { transition: all .2s ease-in; }

.section--line { border-bottom: 1px solid #1c090b; }

.section--contents > div { margin: 0; padding: .75rem 1rem 0 1rem; }

.section--contents table { margin-bottom: 20px; }

.section--contents table th { text-align: center; }

.section--contents table th, .section--contents table td { padding: 6px 13px; border: 1px solid #dfe2e5; }

.section--contents table tr:nth-child(2n) { background-color: #f6f8fa; }

.section--contents img { max-width: 100%; display: block; margin: 0 auto; }

.border { border: 1px solid #a5b0bb; }

.table.with-pairs td, .table.with-pairs th { width: 50%; text-align: left; }

.table.text-bold-highlight td strong { background: yellow; }

.card { border-width: 0; border-radius: 0; margin-bottom: 20px; border-top: 2px solid cyan; }

.card .card-image-wrapper { padding-bottom: 57%; overflow: hidden; position: relative; background-color: #f64f59; }

.card .card-image { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; transition: transform 1s ease-in-out; transform: scale(1); }

.card .card-image:hover { transform: scale(1.1); }

.card .card-types { text-transform: uppercase; font-size: 80%; margin-bottom: 0; margin-top: 1.5rem; letter-spacing: 1px; }

.card .card-tags { color: #8e8687; }

.card .label { color: magenta; text-transform: uppercase; font-size: 80%; letter-spacing: 1px; }

.card a:hover { text-decoration: none; }

.media { font-size: .9em; }

.media .media-image { display: block; width: 150px; background-size: cover; padding-bottom: 75%; }

.media h5 { margin-top: 1rem; font-weight: normal; font-size: inherit; }

#index--headline-wrapper { position: absolute; top: 20%; left: 0; right: 0; bottom: 0; pointer-events: none; z-index: 2; }

#index--headline { width: 100%; font-size: 2em; transform: skew(-6deg) rotate(-6deg); }

#index--headline > span { border-right: 5px solid magenta; color: cyan; }

.index--left-headline, .index--right-headline { height: 50%; overflow: hidden; }

@media (min-width: 768px) { #index--headline { font-size: 3em; width: 100%; } #index--headline-wrapper { top: 40%; } .index--left-headline, .index--right-headline { height: 100%; } }

#index--units-wrapper { padding: 2em 0 2em 0; background: #41295a; /* fallback for old browsers */ background: -webkit-linear-gradient(to right, #2F0743, #41295a); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #2F0743, #41295a); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }

div.page { margin-top: 160px; }

div.page .excerpt p { font-weight: 300; font-size: 1.25em; color: #fdecef; }

div.page h1 { transform: skew(-1deg) rotate(-1deg); text-shadow: 0px 0px 1px #1c090b; color: #ffffff; }

div.page.unit { margin-top: 250px; margin-bottom: 30px; }

div.page.unit h1 { transform: skew(2deg) rotate(2deg); color: cyan; }

.Unit__caption { color: white; }

.Unit__caption a { color: white; border-bottom: 1px solid cyan; }

.ellipsis { max-width: 200px; text-overflow: ellipsis; overflow: hidden; display: inherit; white-space: nowrap; }

/* ID speecific */
#table-of-contents-wrapper { position: absolute; top: 50px; z-index: 100; min-height: 300px; right: 0; left: 0; pointer-events: none; }

#table-of-contents-wrapper .section.collapsible { background: rgba(255, 255, 255, 0.1); border: 1px solid #fdecef; }

#table-of-contents-wrapper .section--icon .icon::before, #table-of-contents-wrapper .section--icon .icon::after { background-color: cyan; }

#table-of-contents-wrapper h4 { pointer-events: auto; font-weight: normal; font-size: inherit; line-height: inherit; padding: 0; margin: 0; color: cyan; }

#table-of-contents-wrapper ul { pointer-events: auto; margin: 0; padding: 0; }

#table-of-contents-wrapper ul li { pointer-events: auto; list-style-type: none; position: relative; margin-bottom: 1rem; }

#table-of-contents-wrapper ul li .lines { pointer-events: none; border-color: transparent; transition: border-color 0.2s ease-in-out; }

#table-of-contents-wrapper ul li .line.right { background-color: transparent; }

#table-of-contents-wrapper ul li .group { position: absolute; top: 0; bottom: 0; width: 10px; left: 0; transform-origin: left top; transition: transform 0.2s ease-in-out; }

#table-of-contents-wrapper ul li a { pointer-events: auto; padding-left: 15px; display: block; font-size: 0.9em; color: #fdecef; border-bottom: none; }

#table-of-contents-wrapper ul li a:hover { color: cyan; }

#table-of-contents-wrapper ul li.active .lines { border-color: #FF00FF; }

#table-of-contents-wrapper ul li.active a { background-color: transparent; color: cyan; }

#table-of-contents-wrapper.fixed { position: fixed; transform: translateY(0px); }

#table-of-contents-wrapper.fixed h4 { color: inherit; }

#table-of-contents-wrapper.fixed .section.collapsible { background-color: #efefef; border-color: #efefef; border-bottom-color: blue; }

#table-of-contents-wrapper.fixed .section--icon .icon::before, #table-of-contents-wrapper.fixed .section--icon .icon::after { background-color: blue; }

#table-of-contents-wrapper.fixed ul li a { color: #8e8687; }

#table-of-contents-wrapper.fixed ul li.active a { color: #1c090b; }

@media (min-width: 768px) { #table-of-contents-wrapper { top: 255px; display: block; } #table-of-contents-wrapper.fixed { position: fixed; transform: translateY(-255px); } }

.unit .assignments .lines { border-left-width: 6px; }

.unit .assignments .lines .type { top: 250px; }

.unit .lines { position: absolute; left: 0; top: 0; bottom: 0; border-left: 3px solid #FF00FF; width: 200px; }

.unit .lines .type-size { display: inline-block; font-weight: bold; padding: 0 .25rem; border-radius: 1rem; box-shadow: 1px 1px magenta, -1px -1px blue; background-color: white; color: #1c090b; border: 1px solid #1c090b; min-width: 1.25rem; text-align: center; }

.unit .lines .type-size.medium { border-width: 2px; }

.unit .lines .type { position: absolute; transform: translateX(100%) translateY(-159px) rotate(1deg); right: 170px; top: 50%; border: none; font-weight: 500; letter-spacing: 1px; }

.unit .lines .line { position: absolute; }

.unit .lines .line.left { left: 0px; top: 0; bottom: 0; width: 1px; background-color: #0000FF; }

.unit .lines .line.right { width: 4px; left: 1px; bottom: 0px; top: 0; background-color: #00FFFF; }

.unit .lines .line.top { left: -3px; top: -5px; height: 5px; width: 100%; background-color: #ffffff; border-bottom: 2px solid #1c090b; border-top: 1px solid #8e8687; }

.unit .type { border: 2px solid #1c090b; height: 25px; line-height: 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; white-space: nowrap; }

.unit .type > span { padding: 0 8px; }

.unit .briefing p { font-size: 80%; }

.unit .briefing h2, .unit .briefing h3, .unit .briefing h4 { font-size: inherit; text-transform: uppercase; font-weight: normal; }

.unit .briefing ol, .unit .briefing ul { padding-left: 1rem; margin-bottom: .5rem; list-style-type: none; }

.unit .briefing ol li, .unit .briefing ul li { margin-bottom: 0.5rem; position: relative; font-size: 80%; }

.unit .briefing ol li:before, .unit .briefing ul li:before { content: "-"; float: left; margin-left: -1rem; margin-top: -.2rem; }

.unit .briefing ol li p, .unit .briefing ul li p { margin-bottom: .5rem; }

@media (min-width: 768px) { .unit .lines .type { transform: translateX(50%) translateY(-50%) rotate(-89deg); } }

.Unit__metadata { color: var(--bs-white); }

.Unit__metadata a { color: var(--bs-white); border-bottom: 1px solid var(--bs-white); }

.Unit__metadata span { color: cyan; text-transform: uppercase; font-size: 80%; letter-spacing: 1px; }

.Unit__metadata span.date { color: var(--bs-white); }

body.answer-template h1 { font-size: 2rem; font-weight: bold; text-align: center; margin: 150px 0 100px; }

body.answer-template h2 { font-size: 1.75rem; text-decoration: underline; margin-bottom: 50px; }

body.answer-template h3 { margin: 30px 0 20px; }

body.answer-template div.page { margin: 0 50px 50px; }

body.answer-template textarea { width: 100%; }

body.answer-template table { margin-bottom: 20px; width: 100%; }

body.answer-template table th { text-align: center; }

body.answer-template table th, body.answer-template table td { padding: 6px 13px; border: 1px solid #dfe2e5; height: 50px; }

body.answer-template table tr:nth-child(2n) { background-color: #f6f8fa; }

body.answer-template #nav--brand { border-top: none; }

body.answer-template .navbar-brand { background: none; }

body.answer-template .question { margin: 10px 0 5px; }

/* To avoir pinting an extra page on Chrome See: https://stackoverflow.com/questions/41135038/google-chrome-prints-extra-page */
@media print { html, body { border: 1px solid white; height: 99%; page-break-after: avoid; page-break-before: avoid; } }

.icon-plus.icon { color: #000; position: absolute; margin-left: 3px; margin-top: 10px; }

.icon-plus.icon:before { content: ''; position: absolute; width: 15px; height: 1px; background-color: #1c090b; }

.icon-plus.icon:after { content: ''; position: absolute; width: 15px; height: 1px; background-color: #1c090b; -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.icon-close.icon { color: #000; position: absolute; margin-top: 4px; margin-left: 0; width: 21px; height: 21px; }

.icon-close.icon:before { content: ''; position: absolute; top: 10px; width: 21px; height: 1px; background-color: currentColor; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.icon-close.icon:after { content: ''; position: absolute; top: 10px; width: 21px; height: 1px; background-color: currentColor; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.slide-background { position: absolute; z-index: 0; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background-color: #1c090b; }

.in-the-background { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; border-left: 2px solid magenta; }

.slide { display: none; opacity: 0; transition: opacity .5s linear; position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; }

.slide.odd { right: 50%; }

.slide.even { left: 50%; }

.slide > video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }

.slide.playing { opacity: 1; }

.slide > .overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 2; background: linear-gradient(to top, rgba(18, 194, 233, 0.7), rgba(196, 113, 237, 0.7), rgba(246, 79, 89, 0.7)); }

.slide > .overlay-dotted { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFElEQVQYV2NkYGD4z8DAwMjIAAUADikBA/gvnngAAAAASUVORK5CYII=); background-repeat: repeat; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; }

.slide > .overlay-filled { background: rgba(0, 0, 0, 0.22); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 3; }

.slide > figcaption { position: absolute; bottom: 10%; color: white; z-index: 4; left: 0; right: 0; }

/** bootstrap override */
.btn-outline-white { background: var(--bs-white-10); border: 2px solid var(--bs-white); color: var(--bs-white); border-radius: 2rem; padding: 0.5rem 2rem; }

.btn-outline-white:hover { background: var(--bs-white); color: var(--bs-dark); }

/* basic animations https://github.com/daneden/animate.css */
@keyframes pulse { from { transform: scale3d(1, 1, 1); }
  50% { transform: scale3d(1.15, 1.15, 1.15); }
  to { transform: scale3d(1, 1, 1); } }

.pulse { animation-name: pulse; }

.animated { animation-duration: 1s; animation-fill-mode: both; }

.animated.fast { animation-duration: 800ms; }

.animated.faster { animation-duration: 500ms; }

@media (prefers-reduced-motion) { .animated { animation: unset !important; transition: none !important; } }

/*# sourceMappingURL=style.css.map */