@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=VT323&display=swap");
html { background: #fff; }

html.web { background: #FFE890; color: #17171E; }

/* Uncomment and set these variables to customize the grid. */
.container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; }

.row { box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; }

.row.reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; }

.col.reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; }

.col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; }

.col-xs { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }

.col-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; }

.col-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; }

.col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }

.col-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; }

.col-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; }

.col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }

.col-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; }

.col-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; }

.col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }

.col-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; }

.col-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; }

.col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }

.col-xs-offset-1 { margin-left: 8.333%; }

.col-xs-offset-2 { margin-left: 16.667%; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-offset-4 { margin-left: 33.333%; }

.col-xs-offset-5 { margin-left: 41.667%; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-offset-7 { margin-left: 58.333%; }

.col-xs-offset-8 { margin-left: 66.667%; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-offset-10 { margin-left: 83.333%; }

.col-xs-offset-11 { margin-left: 91.667%; }

.start-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; }

.center-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; }

.end-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; }

.top-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; }

.middle-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; }

.bottom-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; }

.around-xs { -ms-flex-pack: distribute; justify-content: space-around; }

.between-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; }

.first-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; }

.last-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; }

@media only screen and (min-width: 48em) { .container { width: 46rem; } .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-sm { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-sm-offset-1 { margin-left: 8.333%; } .col-sm-offset-2 { margin-left: 16.667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.333%; } .col-sm-offset-5 { margin-left: 41.667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.333%; } .col-sm-offset-8 { margin-left: 66.667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.333%; } .col-sm-offset-11 { margin-left: 91.667%; } .start-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } }

@media only screen and (min-width: 62em) { .container { width: 61rem; } .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-md { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-offset-1 { margin-left: 8.333%; } .col-md-offset-2 { margin-left: 16.667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.333%; } .col-md-offset-5 { margin-left: 41.667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.333%; } .col-md-offset-8 { margin-left: 66.667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.333%; } .col-md-offset-11 { margin-left: 91.667%; } .start-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-md { -ms-flex-pack: distribute; justify-content: space-around; } .between-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } }

@media only screen and (min-width: 75em) { .container { width: 71rem; } .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col-lg { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-offset-1 { margin-left: 8.333%; } .col-lg-offset-2 { margin-left: 16.667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.333%; } .col-lg-offset-5 { margin-left: 41.667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.333%; } .col-lg-offset-8 { margin-left: 66.667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.333%; } .col-lg-offset-11 { margin-left: 91.667%; } .start-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } }

@font-face { font-family: "mazius"; src: url("../../assets/typefaces/MAZIUSREVIEW20.09-Extraitalic.woff2") format("woff2"), url("../../assets/typefaces/MAZIUSREVIEW20.09-Extraitalic.woff") format("woff"); }

@font-face { font-family: "messapia"; src: url("../../assets/typefaces/Messapia-Bold.woff") format("woff"), url("../../assets/typefaces/Messapia-Bold.woff2") format("woff2"); }

@font-face { font-family: "necto"; src: url("../../assets/typefaces/Necto-Mono.woff") format("woff"), url("../../assets/typefaces/Necto-Mono.woff2") format("woff2"); }

@font-face { font-family: "sinistre"; src: url("../../assets/typefaces/Sinistre-StCaroline.woff") format("woff"), url("../../assets/typefaces/Sinistre-StCaroline.woff2") format("woff2"); }

html { font-family: 'Nunito Sans', sans-serif; font-weight: 300; font-size: 14px; color: #4F3266; }

a { text-decoration: underline; color: #4F3266; }

a.action { text-transform: uppercase; font-weight: 400; text-decoration: none; }

a:hover { color: #FF0B87; }

a:visited { text-decoration: line-through; }

h1 { font-family: "sinistre", serif; font-size: 2.5rem; margin-bottom: 1rem; }

@media (min-width: 48rem) { h1 { font-size: 3rem; } }

h1 a { text-decoration: none; }

h2 { margin: 0; }

h2 span.line { display: inline-block; }

h2 a { text-decoration: none; color: #4F3266; }

h2 a:hover { color: #FF0B87; text-decoration: none; }

h2#everyoneisugly { font-family: "mazius", serif; font-size: 3rem; }

@media (min-width: 36rem) { h2#everyoneisugly { font-size: 3.5rem; } }

@media (min-width: 62rem) { h2#everyoneisugly { font-size: 4rem; } }

h2#agtc { font-family: "necto", monospace; font-size: 2rem; }

h2#availableworks { font-family: "messapia", serif; font-size: 1.8rem; }

@media (min-width: 48rem) { h2#availableworks { font-size: 2rem; } }

@media (min-width: 62rem) { h2#availableworks { font-size: 2.5rem; } }

h2#availableforhire { text-transform: uppercase; font-family: 'Crimson Text', serif; font-weight: 700; font-style: italic; font-size: 2rem; }

@media (min-width: 48rem) { h2#availableforhire { font-size: 2.5rem; } }

@media (min-width: 62rem) { h2#availableforhire { font-size: 3rem; } }

h3 { font-family: "sinistre", erif; font-size: 2em; margin: 0; }

h6 { font-size: 1em; margin: 0; font-weight: 300; }

p, ul { font-size: 1em; }

::-webkit-input-placeholder { /* Edge */ color: #4F3266; opacity: .5; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #4F3266; opacity: .5; }

::placeholder { color: #4F3266; opacity: .5; }

@font-face { font-family: 'icomoon'; src: url("../../assets/typefaces/icomoon.eot?ttuz3m"); src: url("../../assets/typefaces/icomoon.eot?ttuz3m#iefix") format("embedded-opentype"), url("../../assets/typefaces/icomoon.ttf?ttuz3m") format("truetype"), url("../../assets/typefaces/icomoon.woff?ttuz3m") format("woff"), url("../../assets/typefaces/icomoon.svg?ttuz3m#icomoon") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-itchio:before { content: "\e900"; }

.icon-smilie:before { content: "\e901"; }

.icon-close:before { content: "\e902"; }

.icon-fullscreen:before { content: "\e903"; }

.icon-menu:before { content: "\e904"; }

.icon-carousel:before { content: "\e905"; }

.icon-grid:before { content: "\e906"; }

.icon-copyright:before { content: "\e907"; }

.icon-forward:before { content: "\e908"; }

.icon-back:before { content: "\e909"; }

.icon-right:before { content: "\e90a"; }

.icon-left:before { content: "\e90b"; }

.icon-instagram:before { content: "\ea92"; }

.icon-twitter:before { content: "\ea96"; }

.icon-twitch:before { content: "\ea9f"; }

.icon-vimeo:before { content: "\eaa0"; }

.icon-steam:before { content: "\eaad"; }

.icon-github:before { content: "\eab0"; }

.icon-tumblr:before { content: "\eab9"; }

.icon-linkedin:before { content: "\eac9"; }

.glider-contain { width: 100%; margin: 0 auto; position: relative; }

.glider { margin: 0 auto; position: relative; overflow-y: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: none; transform: translateZ(0); }

.glider-track { transform: translateZ(0); width: 100%; margin: 0; padding: 0; display: flex; z-index: 1; }

.glider.draggable { user-select: none; cursor: -webkit-grab; cursor: grab; }

.glider.draggable .glider-slide img { user-select: none; pointer-events: none; }

.glider.drag { cursor: -webkit-grabbing; cursor: grabbing; }

.glider-slide { user-select: none; justify-content: center; align-content: center; width: 100%; }

.glider-slide img { max-width: 100%; }

.glider::-webkit-scrollbar { opacity: 0; height: 0; }

.glider-prev, .glider-next { user-select: none; position: absolute; outline: none; background: none; padding: 0; z-index: 2; font-size: 2rem; text-decoration: none; left: -23px; border: 0; top: 30%; cursor: pointer; color: #4F3266; opacity: 1; line-height: 1; transition: opacity 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67), color 0.5s cubic-bezier(0.17, 0.67, 0.83, 0.67); }

.glider-prev:hover, .glider-next:hover, .glider-prev:focus, .glider-next:focus { color: #FF0B87; }

.glider-next { right: -23px; left: auto; }

.glider-next.disabled, .glider-prev.disabled { opacity: .25; color: #666; cursor: default; }

.glider-slide { min-width: 150px; }

.glider-hide { opacity: 0; }

.glider-dots { user-select: none; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 0; }

.glider-dot { border: 0; padding: 0; user-select: none; outline: none; display: block; cursor: pointer; color: #ccc; border-radius: 999px; background: #ccc; width: 12px; height: 12px; margin: 7px; }

.glider-dot:hover, .glider-dot:focus, .glider-dot.active { background: #a89cc8; }

@media (max-width: 36em) { .glider::-webkit-scrollbar { opacity: 1; -webkit-appearance: none; width: 7px; height: 3px; } .glider::-webkit-scrollbar-thumb { opacity: 1; border-radius: 99px; background-color: #4F3266; } }

html { margin: 2rem; }

body { max-width: 1024px; margin: 0 auto; border: 1px solid #4F3266; }

#header { margin-bottom: 2rem; }

#header .row { border-top: 1px solid #4F3266; padding-top: .5rem; }

.feature { margin: 3rem 0; border: 5px dotted #fff; border-radius: 2rem; animation: blink .5s step-end infinite alternate; text-align: center; }

.feature a:hover { color: #C2CC05; }

@keyframes blink { 50% { border: 5px dotted #C2CC05; } }

.feature-wrapper { position: relative; }

.feature-wrapper #underlay { z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.index-content h3 + * { margin-top: .2rem; }

.index-content ul { list-style-type: none; display: inline-block; padding: 0; }

.index-content ul li { float: left; }

.index-content ul li:after { content: "|"; margin: 0 1rem; }

.index-content ul li:last-child:after { content: none; }

.index-content #currently-available-for + ul { margin-bottom: 0; }

.links-wrapper { margin-bottom: 4rem; }

.links-wrapper h3 { margin-bottom: 1rem; }

.links-wrapper .view-more { float: right; text-transform: uppercase; text-decoration: none; font-weight: 400; margin-top: .5rem; }

.hide { display: none; }

.show { display: inline; }

.link-card { width: 220px; float: left; position: relative; margin: 0 1.5rem 0 .5rem; }

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

.link-card .link-tag { padding: .25rem 1rem .2rem 1rem; border: 1px solid #FF0B87; position: absolute; top: 10px; left: -5px; background-color: #fff; text-transform: uppercase; color: #FF0B87; font-weight: 400; }

.link-card .link-image { border-radius: 1rem; border: 1px solid #4F3266; width: 220px; height: 120px; background-repeat: no-repeat; background-size: cover; background-position: center; width: calc((100vw - 56px) - 90px); height: calc((100vw - 56px)/1.5 - 48px); }

@media (max-width: 48rem) { .link-card .link-image body { background-color: lightblue; } }

@media (min-width: 36rem) { .link-card .link-image { width: calc((100vw - 56px)/2.5 - 48px); height: calc((100vw - 56px)/4 - 48px); max-width: calc((1024px - 56px)/2.5 - 28px); max-height: calc((1024px - 56px)/4 - 28px); } }

@media (min-width: 48rem) { .link-card .link-image { width: calc((100vw - 56px)/3.5 - 48px); height: calc((100vw - 56px)/5 - 48px); max-width: calc((1024px - 56px)/3.5 - 28px); max-height: calc((1024px - 56px)/5 - 28px); } }

.link-card .link-description { margin-top: .5rem; font-size: 1rem; width: calc((100vw - 56px) - 90px); }

.link-card .link-description .date { font-size: 1rem; text-transform: uppercase; }

@media (min-width: 36rem) { .link-card .link-description { width: calc((100vw - 56px)/2.5 - 48px); max-width: calc((1024px - 56px)/2.5 - 28px); } }

@media (min-width: 48rem) { .link-card .link-description { width: calc((100vw - 56px)/3.5 - 48px); max-width: calc((1024px - 56px)/3.5 - 28px); } }

.links-list .link-card { width: 214px; }

.links-list .link-image { width: 214px; height: 120px; }

.links-list .link-description { width: 214px; }

.newsletter { margin-bottom: 2rem; }

.newsletter p { margin-top: 2rem; margin-bottom: 0rem; }

.newsletter input[type="text"] { -webkit-appearance: none; width: 100%; max-width: 210px; height: 30px; border: 1px solid #4F3266; padding: 0 .5rem; border-radius: 0; box-shadow: none; margin-top: .5rem; float: left; margin-right: .5rem; }

@media (min-width: 36rem) { .newsletter input[type="text"] { margin-bottom: 1rem; } }

.newsletter input[type="submit"] { -webkit-appearance: none; line-height: 30px; border: 1px solid #4F3266; background-color: #fff; text-transform: uppercase; font-weight: 400; padding: 0 1rem; color: #4F3266; border-radius: none !important; margin-top: .5rem; }

#footer { font-size: .8rem !important; }

#footer #footer-list { list-style-type: none; }

#footer #footer-list ~ li { display: inline; }

#footer #social-links { list-style-type: none; font-size: 1.5rem; }

#footer #social-links li { padding-left: .5rem; display: inline-block; }

#footer #social-links a { text-decoration: none; }

.post-grid .back { margin-bottom: 1rem; }

.post-grid .link-card { margin-bottom: 2rem; }

.web body { border: 2px solid #19BAC8; }

.web p { font-size: 1rem; }

.web h1, .web h2, .web h3, .web a { color: #FE4333; }

.web h2, .web h3 { text-transform: uppercase; font-family: 'Crimson Text', serif; font-weight: 700; font-style: italic; }

.web h2 { font-size: 2rem; margin-bottom: 1rem; }

.web #header h1 { text-transform: uppercase; font-family: 'Crimson Text', serif; font-weight: 700; font-style: italic; font-size: 2rem; margin-bottom: 0; }

@media (min-width: 48rem) { .web #header h1 { font-size: 2.5rem; } }

@media (min-width: 62rem) { .web #header h1 { font-size: 3rem; } }

.web #header h6 { margin-bottom: 1rem; }

.web #header .row { border-top: 2px solid #19BAC8; }

.web #header .row:first-child { border: none; padding-top: 0; }

.web #header ul { list-style-type: none; padding-bottom: 1rem; float: right; margin: 0; padding-left: 0; text-transform: uppercase; font-weight: 700; font-style: italic; }

.web #header ul li { display: inline-block; font-size: 1rem; padding: .5rem 0; }

.web #header ul li a { text-decoration: none; padding: .5rem .75rem .5rem .5rem; }

.web #header ul li a:hover { background: #FE4333; color: #FFE890; }

.web #header ul li a.active { background: #FE4333; color: #FFE890; }

.web .faq-columns { margin-bottom: 4rem; column-count: 1; column-gap: 2rem; column-rule-style: none; column-fill: balance; column-width: auto; }

.web .faq-columns h5:first-child { margin-top: 0; }

.web .faq-columns h5 { font-size: 1rem; margin-bottom: 0; }

.web .faq-columns h5 ~ p { margin-top: .2rem; }

.web .faq-columns p, .web .faq-columns ul { font-size: 1rem; }

@media (min-width: 48rem) { .web .faq-columns { column-count: 2; column-width: auto; } }

@media (min-width: 62rem) { .web .faq-columns { column-count: 2; column-width: auto; } }

.web .testimonials { margin: 0; padding: 0; list-style-type: none; }

.web .testimonials li { border: 2px solid #19BAC8; padding: 1rem; margin-bottom: 1rem; }

.web .testimonials li:hover { background: #19BAC8; }

.web .testimonials li blockquote { margin: 0; padding: 0; }

.web .testimonials li blockquote p { margin: 0 0 .5rem 0; font-size: 1.1rem; }

.web .testimonials li label { font-size: 1rem; }

.web .testimonials li label::before { content: "-"; }

.web .project-wrapper { position: relative; }

.web .roles { list-style: none; margin: 0; padding: 0; position: absolute; z-index: 99; top: .5rem; left: -.5rem; }

.web .roles li { text-transform: uppercase; font-weight: 700; font-style: italic; font-size: 1rem; color: #17171E; background: #19BAC8; padding: .25rem .5rem; width: fit-content; display: block; margin-bottom: .5rem; }

.web .work-samples { list-style-type: none; margin: 0; margin-top: 1rem; padding: 0; }

.web .work-samples .img-wrapper { width: 100%; padding-top: 100%; position: relative; overflow: hidden; margin-bottom: 1rem; }

.web .work-samples .img-wrapper img { max-width: 100%; position: absolute; top: 0; }

.web .work-samples h3 { font-size: 1.8rem; text-transform: none; }

.web .work-samples h3 a { text-decoration: none; }

.web .work-samples h4 { font-weight: normal; margin-bottom: 0; margin-top: 0; font-size: 1rem; }

.web .work-samples p { margin-top: 0; margin-bottom: .5rem; }

.web .work-samples .description { margin-bottom: 2rem; }

.web .work-samples .credits { list-style-type: none; margin: 0; padding: 0; }

.web .work-samples .credits li { font-size: 1rem; }

.web .work-samples.work-samples-grid .img-wrapper { margin-bottom: .5rem; }

.web .work-samples.work-samples-grid a { text-decoration: none; }

.web .work-samples.work-samples-grid h3 { font-size: 1.8rem; text-transform: none; margin-bottom: 0rem; }

.web .work-samples.work-samples-grid h3 a { text-decoration: none; }

.web .work-samples.work-samples-grid .date { margin-bottom: 2rem; }

.pricing-grid { text-align: center; margin-bottom: 4rem; }

#mobile-pricing.pricing-grid { display: block; }

@media (min-width: 48rem) { #mobile-pricing.pricing-grid { display: none; } }

#mobile-pricing.pricing-grid > h6 { text-transform: uppercase; margin-bottom: .5rem; margin-top: 2rem; }

#mobile-pricing.pricing-grid .row { border: 2px solid #19BAC8; }

#mobile-pricing.pricing-grid .row .col-xs-12 { padding: 1rem; position: relative; }

#mobile-pricing.pricing-grid .row .col-xs-12:nth-child(even) { background-color: #19BAC8; }

#mobile-pricing.pricing-grid .row .col-xs-12 .icon { position: absolute; top: 1rem; right: 1rem; transform: rotate(-90deg); transition: .3s ease-out; }

#mobile-pricing.pricing-grid .row .col-xs-12 .icon.active { transform: rotate(90deg); }

#mobile-pricing.pricing-grid .row .col-xs-12 .icon ~ p:first-of-type { max-height: 0; overflow: hidden; transition: max-height .3s ease-out; }

#mobile-pricing.pricing-grid .row .col-xs-12 h5 { margin-top: .2rem; }

#desktop-pricing.pricing-grid { display: none; }

@media (min-width: 48rem) { #desktop-pricing.pricing-grid { display: block; } }

#desktop-pricing.pricing-grid #scale { position: relative; }

#desktop-pricing.pricing-grid #scale.sticky { position: sticky; top: 0; }

#desktop-pricing.pricing-grid .row:first-child { border-bottom: 2px solid #19BAC8; background-color: #FFE890; }

#desktop-pricing.pricing-grid .row:first-child h6 { text-transform: uppercase; }

#desktop-pricing.pricing-grid .row:first-child:hover { background-color: #FFE890; }

#desktop-pricing.pricing-grid .row { padding: 1rem 0; }

#desktop-pricing.pricing-grid .row:hover { background-color: #19BAC8; }

#desktop-pricing.pricing-grid .row .col-xs-3:first-child { text-align: left; }

#desktop-pricing.pricing-grid .row .col-xs-3:first-child p { font-size: .8rem; }

.pricing-grid h5 { font-size: 1.2rem; margin: 0 auto; }

.pricing-grid h6 { font-size: 1rem; font-weight: bold; margin: 0; }

.pricing-grid p, .pricing-grid label { margin: 0; }

#hire-msg { position: absolute; text-transform: lowercase; transform: rotate(-10deg); font-size: 1.2rem; top: 5%; }

@media (min-width: 36rem) { #hire-msg { font-size: 2rem; right: 13%; top: 50%; } }

#hello-img { width: 100%; position: relative; }

#hello-img img { width: 100%; height: auto; }

#hello-img .sploosh { border-radius: 100px; z-index: -1; position: absolute; opacity: .7; animation-timing-function: linear; mix-blend-mode: hard-light; }

#hello-img #sploosh-1 { width: 28%; height: 32%; background-color: #8eff8e; box-shadow: 0 0 4vw 4vw #8eff8e; right: 15%; top: 6%; transform: rotate(-30deg); animation: spin-1 9s infinite; }

#hello-img #sploosh-2 { top: 14%; left: 22%; width: 32%; height: 13%; background-color: #8eff8e; box-shadow: 0 0 3vw 3vw #8eff8e; animation: move-2 8s infinite; }

#hello-img #sploosh-3 { background-color: #ff7841; box-shadow: 0 0 5vw 5vw #ff5d60; top: 31%; right: 62%; }

#hello-img #sploosh-4 { background-color: #ffaff0; box-shadow: 0 0 5vw 5vw #ffaff0; width: 30%; height: 70%; top: 30%; left: 40%; transform: scale(0.9) rotate(-98deg); animation: pulse-4 20s infinite, spin-4 15s infinite; }

#hello-img #sploosh-5 { background-color: #02eeff; box-shadow: 0 0 5vw 5vw #02eeff; bottom: 30%; right: 25%; animation: pulse-5 18s infinite; }

@keyframes pulse-4 { 0% { width: 30%;
    height: 70%; }
  50% { width: 20%;
    height: 60%; }
  100% { width: 30%;
    height: 70%; } }

@keyframes spin-4 { 0% { transform: rotate(-98deg); }
  50% { transform: rotate(-50deg); }
  100% { transform: rotate(-98deg); } }

@keyframes spin-1 { 0% { transform: rotate(-30deg) scale(1);
    top: 6%; }
  50% { transform: rotate(30deg) scale(0.8);
    top: 15%; }
  100% { transform: rotate(-30deg) scale(1);
    top: 6%; } }

@keyframes move-2 { 0% { left: 22%; }
  50% { left: 12%; }
  100% { left: 22%; } }

@keyframes pulse-5 { 0% { transform: scale(1); }
  50% { transform: scale(2); }
  100% { transform: scale(1); } }

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