/* IMPORTS */
/* QUERIES */
/*edited*/
/* New iPhones viewport
*/
/*  Non mobile first for specific scenarios where elements shouldn't be displayed on mobile */
/*  Mobile Visibility classes */
/* VARIABLES */
/* RESETS */
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* GENERAL STUFF */
* { margin: 0; padding: 0; font-family: 'HYWenHei Extended'; color: #f1f1f1; }

h1, h2, h3, h4, h5, h6 { text-align: center; font-family: 'HYWenHei Extended'; font-weight: 700; }

a, i, p { margin: 0; }

p { text-align: justify; text-justify: inter-word; }

ul { list-style: none; margin: 0; }

body { background: #06111E; }

a, a:link, a:visited { color: #f1f1f1; }

header .audio-wrapper { display: none; }
@media (min-width: 768px) { header .audio-wrapper { display: inline-block; } }
header .audio-wrapper audio { margin-top: 10em; background-color: #f9eee1; filter: invert(1); border-radius: 100px; }
header .audio-wrapper audio::-webkit-media-controls-panel { background-color: #f9eee1; }

.ca3-scroll-down-arrow { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2hldnJvbl90aGluX2Rvd24iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiBmaWxsPSJ3aGl0ZSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE3LjQxOCw2LjEwOWMwLjI3Mi0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwYzAuMjcsMC4yNjgsMC4yNzEsMC43MDEsMCwwLjk2OWwtNy45MDgsNy44M2MtMC4yNywwLjI2OC0wLjcwNywwLjI2OC0wLjk3OSwwbC03LjkwOC03LjgzYy0wLjI3LTAuMjY4LTAuMjctMC43MDEsMC0wLjk2OWMwLjI3MS0wLjI2OCwwLjcwOS0wLjI2OCwwLjk3OSwwTDEwLDEzLjI1TDE3LjQxOCw2LjEwOXoiLz48L3N2Zz4=); background-size: contain; background-repeat: no-repeat; }
@media (max-width: 575px) { .ca3-scroll-down-arrow { display: none; } }

.ca3-scroll-down-link { cursor: auto; height: 30px; width: 30px; line-height: 60px; position: absolute; transform: translateX(-50%); bottom: 20px; color: #FFF; text-align: center; font-size: 70px; z-index: 100; text-decoration: none; margin-left: auto; margin-right: auto; left: 0; right: 0; -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite; -moz-animation: ca3_fade_move_down 2s ease-in-out infinite; animation: ca3_fade_move_down 2s ease-in-out infinite; }

/* hide + stop the floating animation */
.ca3-scroll-down-link.arrow-hidden { -webkit-animation: none !important; -moz-animation: none !important; animation: none !important; opacity: 0 !important; pointer-events: none; transition: opacity 0.35s ease; }

/* optional: make sure re-showing brings back the animation */
.ca3-scroll-down-link.arrow-visible { -webkit-animation: ca3_fade_move_down 2s ease-in-out infinite; -moz-animation: ca3_fade_move_down 2s ease-in-out infinite; animation: ca3_fade_move_down 2s ease-in-out infinite; opacity: 1; pointer-events: auto; transition: opacity 0.35s ease; }

/*animated scroll arrow animation*/
@-webkit-keyframes ca3_fade_move_down { 0% { -webkit-transform: translateY(-20px); opacity: 0; }
  50% { opacity: 1; }
  100% { -webkit-transform: translateY(20px); opacity: 0; } }
@-moz-keyframes ca3_fade_move_down { 0% { -moz-transform: translateY(-20px); opacity: 0; }
  50% { opacity: 1; }
  100% { -moz-transform: translateY(20px); opacity: 0; } }
@keyframes ca3_fade_move_down { 0% { transform: translateY(-20px); opacity: 0; }
  50% { opacity: 1; }
  100% { transform: translateY(20px); opacity: 0; } }
.prefarm-wrapper { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px; margin: 20px 0 30px; }
@media (min-width: 768px) { .prefarm-wrapper { grid-template-columns: repeat(2, 1fr); grid-gap: 60px; } }
.prefarm-wrapper h2 { text-align: left; margin-bottom: 30px; }
.prefarm-wrapper .character-materials-wrapper .item-image, .prefarm-wrapper .signature-materials-wrapper .item-image { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; }
.prefarm-wrapper .character-materials-wrapper .item-image img, .prefarm-wrapper .signature-materials-wrapper .item-image img { max-height: 150px; }
@media (min-width: 992px) { .prefarm-wrapper .character-materials-wrapper .item-image img, .prefarm-wrapper .signature-materials-wrapper .item-image img { max-height: 200px; } }
.prefarm-wrapper .character-materials-wrapper p#signature-description, .prefarm-wrapper .signature-materials-wrapper p#signature-description { margin-bottom: 30px; font-size: 0.8em; }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; }
@media (min-width: 768px) { .prefarm-wrapper .character-materials-wrapper .materials-wrapper, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper { grid-template-columns: repeat(5, 1fr); } }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material { height: 80px; border-radius: 10px; display: flex; flex-flow: column; }
@media (min-width: 992px) { .prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material { height: 100px; } }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material.gold, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material.gold { background-image: linear-gradient(160deg, #4C3F43, #836548); }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material.purple, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material.purple { background-image: linear-gradient(160deg, #393551, #684D73); }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material.blue, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material.blue { background-image: linear-gradient(160deg, #313548, #285A67); }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material.green, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material.green { background-image: linear-gradient(160deg, #2C3D3E, #375747); }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material.grey, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material.grey { background-image: linear-gradient(160deg, #343942, #4D545B); }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material .material-image, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material .material-image { flex-grow: 1; display: flex; justify-content: center; align-items: center; }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material .material-image img, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material .material-image img { max-height: 60px; max-width: 60px; width: auto; }
@media (min-width: 992px) { .prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material .material-image img, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material .material-image img { max-height: 75px; max-width: 75px; } }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material .material-qty, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material .material-qty { height: 20px; border-radius: 0 0 10px 10px; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); }
@media (min-width: 992px) { .prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material .material-qty, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material .material-qty { height: 25px; } }
.prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material .material-qty p, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material .material-qty p { text-align: center; font-size: 12px; }
@media (min-width: 992px) { .prefarm-wrapper .character-materials-wrapper .materials-wrapper .individual-material .material-qty p, .prefarm-wrapper .signature-materials-wrapper .materials-wrapper .individual-material .material-qty p { font-size: 14px; } }

.talents-wrapper, .passives-wrapper, .constellations-wrapper { display: grid; grid-gap: 20px; margin: 20px 0 30px; }
.talents-wrapper .talent-sub-wrapper, .talents-wrapper .passives-sub-wrapper, .talents-wrapper .constellations-sub-wrapper, .passives-wrapper .talent-sub-wrapper, .passives-wrapper .passives-sub-wrapper, .passives-wrapper .constellations-sub-wrapper, .constellations-wrapper .talent-sub-wrapper, .constellations-wrapper .passives-sub-wrapper, .constellations-wrapper .constellations-sub-wrapper { background-color: rgba(28, 42, 59, 0.8); border-radius: 10px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-areas: "title title" "description description" "details details"; grid-gap: 20px; flex-flow: column; padding: 20px; }
@media (min-width: 768px) { .talents-wrapper .talent-sub-wrapper, .talents-wrapper .passives-sub-wrapper, .talents-wrapper .constellations-sub-wrapper, .passives-wrapper .talent-sub-wrapper, .passives-wrapper .passives-sub-wrapper, .passives-wrapper .constellations-sub-wrapper, .constellations-wrapper .talent-sub-wrapper, .constellations-wrapper .passives-sub-wrapper, .constellations-wrapper .constellations-sub-wrapper { grid-template-columns: repeat(3, 1fr); grid-template-areas: "title title title" "description description details"; } }
.talents-wrapper .talent-sub-wrapper .talent-name, .talents-wrapper .passives-sub-wrapper .talent-name, .talents-wrapper .constellations-sub-wrapper .talent-name, .passives-wrapper .talent-sub-wrapper .talent-name, .passives-wrapper .passives-sub-wrapper .talent-name, .passives-wrapper .constellations-sub-wrapper .talent-name, .constellations-wrapper .talent-sub-wrapper .talent-name, .constellations-wrapper .passives-sub-wrapper .talent-name, .constellations-wrapper .constellations-sub-wrapper .talent-name { grid-area: title; display: flex; align-items: center; grid-gap: 10px; }
.talents-wrapper .talent-sub-wrapper .talent-name img, .talents-wrapper .passives-sub-wrapper .talent-name img, .talents-wrapper .constellations-sub-wrapper .talent-name img, .passives-wrapper .talent-sub-wrapper .talent-name img, .passives-wrapper .passives-sub-wrapper .talent-name img, .passives-wrapper .constellations-sub-wrapper .talent-name img, .constellations-wrapper .talent-sub-wrapper .talent-name img, .constellations-wrapper .passives-sub-wrapper .talent-name img, .constellations-wrapper .constellations-sub-wrapper .talent-name img { max-height: 50px; }
.talents-wrapper .talent-sub-wrapper .talent-description, .talents-wrapper .passives-sub-wrapper .talent-description, .talents-wrapper .constellations-sub-wrapper .talent-description, .passives-wrapper .talent-sub-wrapper .talent-description, .passives-wrapper .passives-sub-wrapper .talent-description, .passives-wrapper .constellations-sub-wrapper .talent-description, .constellations-wrapper .talent-sub-wrapper .talent-description, .constellations-wrapper .passives-sub-wrapper .talent-description, .constellations-wrapper .constellations-sub-wrapper .talent-description { grid-area: description; }
.talents-wrapper .talent-sub-wrapper .talent-description h3, .talents-wrapper .passives-sub-wrapper .talent-description h3, .talents-wrapper .constellations-sub-wrapper .talent-description h3, .passives-wrapper .talent-sub-wrapper .talent-description h3, .passives-wrapper .passives-sub-wrapper .talent-description h3, .passives-wrapper .constellations-sub-wrapper .talent-description h3, .constellations-wrapper .talent-sub-wrapper .talent-description h3, .constellations-wrapper .passives-sub-wrapper .talent-description h3, .constellations-wrapper .constellations-sub-wrapper .talent-description h3 { font-size: 0.8em; margin-bottom: 10px; text-align: left; }
.talents-wrapper .talent-sub-wrapper .talent-description p, .talents-wrapper .passives-sub-wrapper .talent-description p, .talents-wrapper .constellations-sub-wrapper .talent-description p, .passives-wrapper .talent-sub-wrapper .talent-description p, .passives-wrapper .passives-sub-wrapper .talent-description p, .passives-wrapper .constellations-sub-wrapper .talent-description p, .constellations-wrapper .talent-sub-wrapper .talent-description p, .constellations-wrapper .passives-sub-wrapper .talent-description p, .constellations-wrapper .constellations-sub-wrapper .talent-description p { font-size: 0.8em; margin-bottom: 20px; }
.talents-wrapper .talent-sub-wrapper .talent-description p:last-child, .talents-wrapper .passives-sub-wrapper .talent-description p:last-child, .talents-wrapper .constellations-sub-wrapper .talent-description p:last-child, .passives-wrapper .talent-sub-wrapper .talent-description p:last-child, .passives-wrapper .passives-sub-wrapper .talent-description p:last-child, .passives-wrapper .constellations-sub-wrapper .talent-description p:last-child, .constellations-wrapper .talent-sub-wrapper .talent-description p:last-child, .constellations-wrapper .passives-sub-wrapper .talent-description p:last-child, .constellations-wrapper .constellations-sub-wrapper .talent-description p:last-child { margin-bottom: 0; }
.talents-wrapper .talent-sub-wrapper .talent-MV-wrapper, .talents-wrapper .passives-sub-wrapper .talent-MV-wrapper, .talents-wrapper .constellations-sub-wrapper .talent-MV-wrapper, .passives-wrapper .talent-sub-wrapper .talent-MV-wrapper, .passives-wrapper .passives-sub-wrapper .talent-MV-wrapper, .passives-wrapper .constellations-sub-wrapper .talent-MV-wrapper, .constellations-wrapper .talent-sub-wrapper .talent-MV-wrapper, .constellations-wrapper .passives-sub-wrapper .talent-MV-wrapper, .constellations-wrapper .constellations-sub-wrapper .talent-MV-wrapper { grid-area: details; }
.talents-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV, .talents-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV, .talents-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV, .passives-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV, .passives-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV, .passives-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV, .constellations-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV, .constellations-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV, .constellations-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV { border-radius: 5px; display: flex; flex-flow: row; justify-content: space-between; background-color: rgba(6, 17, 30, 0.5); padding: 10px; margin-bottom: 5px; }
.talents-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV:last-child, .talents-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV:last-child, .talents-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV:last-child, .passives-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV:last-child, .passives-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV:last-child, .passives-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV:last-child, .constellations-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV:last-child, .constellations-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV:last-child, .constellations-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV:last-child { margin-bottom: 0; }
.talents-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span, .talents-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span, .talents-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span, .passives-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span, .passives-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span, .passives-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span, .constellations-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span, .constellations-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span, .constellations-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span { font-size: 0.8em; }
.talents-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name, .talents-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name, .talents-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name, .passives-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name, .passives-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name, .passives-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name, .constellations-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name, .constellations-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name, .constellations-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-name { text-align: left; max-width: 70%; }
.talents-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number, .talents-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number, .talents-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number, .passives-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number, .passives-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number, .passives-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number, .constellations-wrapper .talent-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number, .constellations-wrapper .passives-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number, .constellations-wrapper .constellations-sub-wrapper .talent-MV-wrapper .talent-MV span.MV-number { text-align: right; }
.talents-wrapper .passives-sub-wrapper, .talents-wrapper .constellations-sub-wrapper, .passives-wrapper .passives-sub-wrapper, .passives-wrapper .constellations-sub-wrapper, .constellations-wrapper .passives-sub-wrapper, .constellations-wrapper .constellations-sub-wrapper { display: flex; }

.passives-wrapper, .constellations-wrapper { grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }
@media (min-width: 768px) { .passives-wrapper, .constellations-wrapper { grid-template-columns: repeat(2, 1fr); } }

/* FONTFACE */
@font-face { font-family: HYWenHei Extended; src: url("../HYWenHei Extended.ttf"); }
/* MY CSS */
/*body { background-image: linear-gradient($bg-color 80%, rgba($bg-color, 0)), url("../images/Columbina_realm.png"); background-size: 100%; background-repeat: no-repeat; background-position: center bottom;
}*/
p { line-height: 1.3em; }

header { min-height: 30vh; display: flex; flex-flow: column; justify-content: center; align-items: center; background-image: linear-gradient(rgba(6, 17, 30, 0) 60%, #06111E), url("../images/Columbina_countdown_bg.png"); background-size: cover; background-repeat: no-repeat; background-position: center; }
@media (min-width: 768px) { header { min-height: 100vh; } }
header h1 { font-size: 1em; margin-bottom: 0.5em; }
@media (min-width: 768px) { header h1 { font-size: 1.5em; } }
@media (min-width: 992px) { header h1 { font-size: 2.5em; } }
header h2 { font-size: 2em; }
@media (min-width: 768px) { header h2 { font-size: 3em; } }
@media (min-width: 992px) { header h2 { font-size: 5em; } }
header h3 { font-size: .5em; margin-top: 0.8em; }
@media (min-width: 768px) { header h3 { font-size: .8em; } }
@media (min-width: 992px) { header h3 { font-size: 1.2em; } }

main { margin: 30px auto; padding: 0 20px; max-width: 500px; }
@media (min-width: 768px) { main { max-width: 1200px; padding: 0 50px; margin: 30px auto; } }
main h1 { text-align: left; font-size: 24px; margin-bottom: 5px; }
main p.obs { font-size: 12px; opacity: 0.5; }

footer .inner-footer { display: flex; align-items: center; justify-content: space-between; padding: 0 50px; z-index: 2; background: #040b13; min-height: 60px; font-size: .8rem; }
@media (max-width: 575px) { footer .inner-footer { padding: 15px 30px; flex-direction: column; } }
@media (min-width: 992px) { footer .inner-footer { padding: 0 80px; } }
footer .inner-footer .signature-wrap { display: flex; flex-flow: column; grid-gap: 5px; }
@media (max-width: 575px) { footer .inner-footer .signature-wrap { margin-bottom: 15px; } }
footer .inner-footer .signature-wrap #signature, footer .inner-footer .signature-wrap #donate { opacity: .2; text-align: center; transition: ease .2s; }
footer .inner-footer .signature-wrap #signature:hover, footer .inner-footer .signature-wrap #donate:hover { opacity: 1; }
footer .inner-footer .signature-wrap #signature a, footer .inner-footer .signature-wrap #signature a:link, footer .inner-footer .signature-wrap #signature a:visited, footer .inner-footer .signature-wrap #signature a:hover, footer .inner-footer .signature-wrap #donate a, footer .inner-footer .signature-wrap #donate a:link, footer .inner-footer .signature-wrap #donate a:visited, footer .inner-footer .signature-wrap #donate a:hover { text-decoration: none; }
@media (min-width: 768px) { footer .inner-footer .signature-wrap #signature, footer .inner-footer .signature-wrap #donate { text-align: left; } }
footer .inner-footer .other-links { display: flex; flex-direction: row; grid-gap: 20px; }
@media (min-width: 768px) { footer .inner-footer .other-links { grid-gap: 30px; } }
footer .inner-footer .other-links a img { height: 30px; opacity: .2; transition: ease .2s; }
footer .inner-footer .other-links a img:hover { opacity: 1; }

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