* { margin: 0; box-sizing: border-box; }
html { height: 100%; font-family: Verdana, Arial, sans-serif; font-weight: 300; font-size: 1.4em; }
/* font-family: 'Nunito Sans', Verdana, sans-serif; */
body { margin: 0 auto; padding: 0; line-height: 1.6em; color: #fff; background-color: #222; color: #fff; }
/* body { background: url(qbg-1.png) left top no-repeat, url(qbg-2.png) right top no-repeat, url(qbg-stars.png) left top repeat; background-size: 44%, 22%, auto; color: #fff; } */
body.home, footer#bottom { /* background-color: #bada55; */
text-shadow:
#000 -1px -1px 0px,
#000 0px -1px 0px,
#000 1px -1px 0px,
#000 2px -1px 0px,
#000 -1px 0px 0px,
#000 3px 0px 0px,
#000 -1px 1px 0px,
#000 3px 1px 0px,
#000 -1px 2px 0px,
#000 3px 2px 0px,
#000 0px 3px 0px,
#000 1px 3px 0px,
#000 2px 3px 0px,
#000 3px 3px 0px;
}
strong { font-weight: normal; font-family: "Permanent Marker"; }
em { font-style: normal; font-weight: 300; font-family: "Permanent Marker"; }
a { color: #000; color: #fff; text-decoration: underline; outline: none; }
a:hover { color: #000; color: #fff; }
img { max-width: 100%; }
.logoText, h1 { font-size: 1.4em; font-weight: normal; font-family: "Permanent Marker"; margin-bottom: .5em; line-height: 1em; }
h2 { font-size: 2em; font-weight: normal; font-family: "Permanent Marker"; margin-bottom: 2rem; letter-spacing: 0.04em; }
h3 { font-size: 1.2em; font-weight: normal; font-family: "Permanent Marker"; margin-bottom: .3em; line-height: 1.25em; }
h4 { font-size: .7em; margin-bottom: .5em; margin-top: 1em; line-height: 1.25em;/* color: #3981F7;*/ font-family: "Permanent Marker"; font-weight: normal; }
.logoText { display: inline-block; }
a:hover h2, a:hover h1 { color:#fff; transition: font-weight .2s, color .2s, background .2s, border .2s; }
/*blockquote { background: none; border-left: 3px solid #777; color: #777; padding: 0 0 0 10px; margin-left: 1.2em; }*/
hr { margin: 2em .8em 2em 0; height: 4px; background-color: #666; border: none; border: 2px dotted #333; border-width: 2px 0; }
/*
.w { color: #fff; }
a:hover .w { color: #f0f; }
*/
ul li { margin: 2em; }
.sling { padding: 0; margin: 0 auto; position: relative; }
/*.sling { width: 90%; }*/
header { width: 100%; padding: 2.3em 0 1.5em;}
header h1 { text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 0;}
body.home header { text-align: center; font-weight: 300; padding:0; }
/*body.home header, body.sub div#bigdiv { background: url(qbg-1.png) left top no-repeat, url(qbg-2.png) right top no-repeat, url(qbg-3.png) right bottom no-repeat, url(qbg-4.png) left bottom no-repeat, url(qbg-stars.png) left top repeat; background-size: 44%, 22%, 33%, 33%, auto; }*/
/*body.sub { background: url(qbg-1.png) left top no-repeat, url(qbg-2.png) right top no-repeat, url(qbg-stars.png) left top repeat; background-size: 44%, 22%, auto; }*/
/* body.sub { background: url(qbg-1.png) left top no-repeat, url(qbg-2.png) right top no-repeat, url(qbg-3.png) right bottom no-repeat, url(qbg-4.png) left bottom no-repeat, url(qbg-stars.png) left top repeat; background-size: 44%, 22%, 33%, 33%, auto; } */
body.sub div#bigdiv { /*padding: 1rem 0;*/ }
body.home header h1 img.logo { padding: 1rem 1rem 0; width: 100%; height: auto; }
/* #about { padding: 2rem 4rem; font-size:1.43em; line-height: 1.2em; text-shadow: #6D91FD 0px 0px 3px, #6D91FD 0px 0px 3px; font-weight: 600; } */
#about { padding: 0 4em; line-height: 1.2em; }
.section { padding: 2rem 4rem; }
/* div.anArt { padding: 2rem 4rem; white-space: pre; } */
/* .anArt:nth-child(2n) { background-color: #ff00ff77; background-color: #ba20ba; } */
body.sub header img.logo { width: 30rem; position: relative; left: .8rem; }
body.sub header .sling { display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 1rem; }
.wall { width: 100%; font-family: "Verdana", sans-serif; /* background-color: #222; color: #fff; box-shadow: inset #000 0 0 .5em -0.2em; */ }
.wall a { }
.wall a:hover { }
.wall >.sling, #bigdiv >.sling { text-align: right; }
#bigdiv >.sling:first-child { background-color: #56BDD2; background: url(we-are-now-stripes.png) 28px 11px; background-size: 12.63px; }
.wall .solo, .wall .solobig { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; }
.wall .solo img { width: 43.22em; }
.wall .solo blockquote { width: 43.22em; }
.wall .solobig img { width: 63.22em; }
.wall div.left { justify-content: flex-start; }
.wall div.right { text-align: right; justify-content: flex-end; }
.wall div.right p { text-align: right; }
.wall div.middle { flex-direction: row; justify-content: center; }
.wall div.middle p { align-self: flex-end; }
.wall .double { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; }
.wall .double >a, .wall .double >img { width: 50%; }
.wall .trio { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; }
.wall .trio >a, .wall .trio >img { width: 33.333%; }
.wall .quatro { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; }
.wall .quatro >a, .wall .quatro >img { width: 25%; }
.wall .fivo { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; }
.wall .fivo >a, .wall .fivo >img { width: 20%; }
.wall .sixo { display: flex; flex-direction: row; align-items: flex-end; justify-content: center; }
.wall .sixo >a, .wall .sixo >img { width: 16.6666%; }
.wall .embiggened img { width: 100% !important; }
.wall .nerfFlex { flex-wrap: wrap; text-align: right; }
.wall .right.nerfFlex p { order: 5; }
.wall img, #bigdiv img { padding: .5rem; }
.wall blockquote { padding: 2rem 4rem; }
.wall blockquote.script { width: 50em; padding: 4rem; margin: 0 auto; font-family: 'Courier New', Courier, monospace; background: #fff; color: #000;}
.wall blockquote h3 { text-align: center; font-style: 2em;}
.wall blockquote p { text-align: justify !important; line-height: 1.6em; font-size: 1.1em; letter-spacing: normal; margin-bottom: .7em;}
.wall blockquote.script p { text-align: left !important; line-height: 1.3em; }
.wall blockquote p.setup { font-style: italic; margin-left: 10em;}
.wall blockquote p.speaking { margin-bottom: .1em; margin-left: 14em; }
.wall blockquote p.directions { font-style: italic; margin-left: 8em;}
.wall iframe { padding: .5rem; }
.growy, #mugs a img { position: relative; transition: all 0.2s ease 0s; top:0px; }
.growy:hover, #mugs a img:hover { top: -10px; }
.growy.loading { }
.growy.loading img { opacity: .7; z-index: -2; }
.growy.loading:before { z-index: 1; position: absolute; left: 0; right: 0; bottom: 0; animation: throb1 .5s linear 0s infinite alternate;
top:45%; content:"Loading!"; font-weight: normal; font-family: "Permanent Marker"; font-size: 1.8em; color: #fff; text-shadow: 0px 0px 5px #000, 0px 0px 5px #000; line-height: 0; text-align: center; }
.wall div.space:first-child { padding-top: 1.5rem; }
.wall div.space:last-child { padding-bottom: 2rem; }
.wall div.spacetop { padding-top: 4rem; }
.wall div.spacebottom { padding-bottom: 4rem; }
.wall div.nospace img { padding:0; }
p.label { padding: 1em; text-align: left; display: inline-block; }
.wall .solo p.label { padding: 0 1em 1rem; }
.wall .sling>p.label { padding: 1rem 1rem 4em 0em; display: inline-block; margin: 0; }
.wall .solobig+p.label { padding: 1rem 5.2rem 4em 0em; display: inline-block; margin: 0; }
p.label strong { font-size: 1.2em; letter-spacing: 0.06em; }
p.label span { display: block; }
.label span.medium { text-transform: lowercase; }
/* .artiststatement { background: linear-gradient(#ba20ba,#222); padding: 1.5rem; width: 25rem; white-space: normal; } */
p.label span.redDot { cursor:help; background: red; display: inline-block; width: 1em; height: 1em; margin: .5em 0; border-radius: 30em; overflow: hidden; line-height: .9em; text-align: center; color: red; }
.wall a.storeLink { background: #fff; color: #000; padding: .2em .8em; margin: 1em -.4em 0; display: inline-block; border-radius: 30em; text-decoration: none; }
.wall a.storeLink:hover { background: #0EC6A9; color: #fff; text-shadow: 0px 0px 5px red; }
.what { padding:1em 0 0 200px; min-height: 200px; margin: 0 auto 2em; font-size: 1em; text-align: right; position: relative;
max-width: 42rem;
}
body.home header h2, .what { text-shadow:
#0ff -1px -1px 0px,
#0ff 0px -1px 0px,
#0ff 1px -1px 0px,
#0ff 2px -1px 0px,
#0ff -1px 0px 0px,
#0ff 3px 0px 0px,
#0ff -1px 1px 0px,
#0ff 3px 1px 0px,
#0ff -1px 2px 0px,
#0ff 3px 2px 0px,
#0ff 0px 3px 0px,
#0ff 1px 3px 0px,
#0ff 2px 3px 0px,
#0ff 3px 3px 0px;
}
.what p { text-shadow:
#3981F7 -1px -1px 0px,
#3981F7 0px -1px 0px,
#3981F7 1px -1px 0px,
#3981F7 2px -1px 0px,
#3981F7 -1px 0px 0px,
#3981F7 3px 0px 0px,
#3981F7 -1px 1px 0px,
#3981F7 3px 1px 0px,
#3981F7 -1px 2px 0px,
#3981F7 3px 2px 0px,
#3981F7 0px 3px 0px,
#3981F7 1px 3px 0px,
#3981F7 2px 3px 0px,
#3981F7 3px 3px 0px;
}
.anArt { line-height: 0; }
.wall img.randthumb { padding: 0.25rem; }
#artWall { display: flex; flex-flow: row wrap; justify-content: space-around; align-items: center; max-width: 42rem }
.anArt.gallery_pixel-art img { image-rendering: pixelated; image-rendering: -moz-crisp-edges; image-rendering: crisp-edges; }
@-webkit-keyframes swing {
15% { -webkit-transform: translateY(5px); transform: translateY(5px); }
30% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
50% { -webkit-transform: translateY(3px); transform: translateY(3px); }
65% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
80% { -webkit-transform: translateY(2px); transform: translateY(2px); }
100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes swing {
15% { -webkit-transform: translateY(5px); transform: translateY(5px); }
30% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
50% { -webkit-transform: translateY(3px); transform: translateY(3px); }
65% { -webkit-transform: translateY(-3px); transform: translateY(-3px); }
80% { -webkit-transform: translateY(2px); transform: translateY(2px); }
100% { -webkit-transform: translateY(0); transform: translateY(0); }
}
.anArt a img { position: relative; transition: all 0.2s ease 0s; top: 0px; }
.modal a.prev:hover, .modal a.next:hover, a.close-modal:hover, .anArt a img:hover, .logoBlock a img:hover {
-webkit-animation: swing 1s ease;
animation: swing 1s ease;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.modal a { color: blue; text-decoration: none; }
.modal a.prev { position: absolute; font-size:1.8em; left: -1em; top: 66%; width:2em; height: 2em; border-radius: 30em; background: #000; line-height: 1.77em; }
.modal a.next { position: absolute; font-size:1.8em; right: -1em; top: 66%; width:2em; height: 2em; border-radius: 30em; background: #000; line-height: 1.77em; }
.modal { margin-bottom: 2rem; background-color: #fff; color: black; max-width: 100%; width: 66%; letter-spacing:0.04em; font-family: "Verdana", sans-serif; font-size:.6em; line-height: 1.3em; /* padding: 15px 30px (default) */; padding: 15px; text-align: center; }
.modal img { max-width: 90%; }
.modal iframe { max-width: 100%; }
.modal .sling { display: flex; flex-direction: row; align-items: center; justify-content: space-between; max-width: 72rem; margin: 0 auto;}
.modal .sling p { margin-top: 1em; padding: 1em; display: block; }
.modal .sling .label { margin-top: 1em; padding: 2em; text-align: center; display: block; text-transform: uppercase; width: 100%; }
.modal .sling .label .firstnamelastname { font-weight: bold; margin-top: 1em; flex-grow:1; }
.modal .sling .label .collaborators { font-weight: bold; }
.modal .sling .artiststatement { order: -1; flex-grow:2; text-transform: initial; text-align: justify; padding:2em; }
.modal .close { text-align: center; }
.modal .close img { width: 40px; width: 2em; }
.blocker { background-color: rgba(0,0,0,0.55); }
body.home header .sling .section {
display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between; /* padding: 0 1rem; */ max-width: 42rem; margin: 0 auto;}
body.home header .sling .also_home1 { flex-direction: column; }
body.home header h2 { color: #3981F7; margin-top:1em; font-size:2rem; text-align: center; width: 100%; }
body.home header #showLogo { font-size: 3em; width: 500px; }
body.home header #showLogo img { }
body.home header #about { width: 100%; } /* order: -1; */
body.sub #showLogo { display: block; position: absolute; left: 0; top:0; height: 183px;}
body.sub #showLogo img { width: 14em; }
/* body.home header .sling .also_home2 h1 { display: none; } */
body.home header .sling .also_home2 h2 { width: 100%; color: #3981F7; margin-bottom: 1em; text-shadow: none; }
body.home header .sling h3 { width: 35%; text-align: right; font-size: 1.4em; line-height: 1em;}
body.home header .sling p { width: 55%; text-align: left; }
body.home header .sling:first-child { background-color: #56BDD2; background: url(we-are-now-stripes.png) 28px 10px; background-size: 39.1px; }
#mugs { text-align: center; font-size: 1.1em; }
#mugs img.mug { width: 8rem; height:8rem; display: block; background: #000; margin-bottom: .4em; }
#mugs a { letter-spacing: 0.05em; color: #000; text-decoration: none; display: inline-block; width: 8rem; margin: .5rem; line-height: 1.1em; position: relative; font-weight: 300; }
footer#bottom { position: relative; z-index: 0; padding: 1em 0 0em; }
footer#bottom nav { padding: 4em 7em 0; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
footer#bottom img.logo { width: 20em; display: block; margin: 1em auto 1em; }
footer#bottom .logoBlock { text-align: center; padding: 4em 0 0; }
footer#bottom .logoBlock img { margin: 0 .25rem; display: inline-block; vertical-align: middle }
footer#bottom nav a { letter-spacing: 0.05em; font-family: "Permanent Marker"; font-weight: normal; white-space: nowrap; display: inline-block; text-align: center;
text-decoration: underline; display: inline; width: auto; margin: .5em 1.25em .5em 1.25em; white-space: nowrap; }
/*footer#bottom nav a:last-child { margin: .5em 0 .5em .5em; }*/
.linkSTYLE a, #mugs a { font-family: "Permanent Marker"; }
.linkSTYLE a:hover, #mugs a:hover { font-family: "Permanent Marker"; letter-spacing: 0.07em;}
.linkSTYLE a.thisPage { font-weight: normal; font-size: 1.3em; font-family: "Permanent Marker" ; letter-spacing: 0.07em; }
.linkSTYLE a:hover, .linkSTYLE a.thisPage { color: #000; text-shadow:
#fff -1px -1px 0px,
#fff 0px -1px 0px,
#fff 1px -1px 0px,
#fff 2px -1px 0px,
#fff -1px 0px 0px,
#fff 3px 0px 0px,
#fff -1px 1px 0px,
#fff 3px 1px 0px,
#fff -1px 2px 0px,
#fff 3px 2px 0px,
#fff 0px 3px 0px,
#fff 1px 3px 0px,
#fff 2px 3px 0px,
#fff 3px 3px 0px; }
footer#bottom nav#navFor_category a { }
footer#bottom nav#navFor_category a:hover, footer#bottom nav#navFor_category a.thisPage {
}
sub { display: block; font-size: .7em; line-height: 1em; margin-bottom:1em; z-index:-1; }
body.home header sub { font-size: .6em; }
footer#bottom sub { text-align: center; }
.linkSTYLE a.HIVE, .linkSTYLE.HIVE a, .linkSTYLE.HIVE h4 { color: #DD009A !important; }
.linkSTYLE a.VA , .linkSTYLE.VA a, .linkSTYLE.VA h4 { color: #33DAFF !important; }
.linkSTYLE a.MAS , .linkSTYLE.MAS a, .linkSTYLE.MAS h4 { color: #caf500 !important; }
.linkSTYLE a.ALAS, .linkSTYLE.ALAS a, .linkSTYLE.ALAS h4 { color: #3981F7 !important; }
.linkSTYLE a.HIVE:hover, .linkSTYLE.HIVE a:hover, .linkSTYLE a.thisPage.HIVE, .linkSTYLE.HIVE h1 { color: #000 !important; text-shadow: #DD009A -1px -1px 0px, #DD009A 0px -1px 0px, #DD009A 1px -1px 0px, #DD009A 2px -1px 0px, #DD009A -1px 0px 0px, #DD009A 3px 0px 0px, #DD009A -1px 1px 0px, #DD009A 3px 1px 0px, #DD009A -1px 2px 0px, #DD009A 3px 2px 0px, #DD009A 0px 3px 0px, #DD009A 1px 3px 0px, #DD009A 2px 3px 0px, #DD009A 3px 3px 0px; }
.linkSTYLE a.VA:hover, .linkSTYLE.VA a:hover, .linkSTYLE a.thisPage.VA, .linkSTYLE.VA h1 { color: #000 !important; text-shadow: #33DAFF -1px -1px 0px, #33DAFF 0px -1px 0px, #33DAFF 1px -1px 0px, #33DAFF 2px -1px 0px, #33DAFF -1px 0px 0px, #33DAFF 3px 0px 0px, #33DAFF -1px 1px 0px, #33DAFF 3px 1px 0px, #33DAFF -1px 2px 0px, #33DAFF 3px 2px 0px, #33DAFF 0px 3px 0px, #33DAFF 1px 3px 0px, #33DAFF 2px 3px 0px, #33DAFF 3px 3px 0px; }
.linkSTYLE a.MAS:hover, .linkSTYLE.MAS a:hover, .linkSTYLE a.thisPage.MAS, .linkSTYLE.MAS h1 { color: #000 !important; text-shadow: #caf500 -1px -1px 0px, #caf500 0px -1px 0px, #caf500 1px -1px 0px, #caf500 2px -1px 0px, #caf500 -1px 0px 0px, #caf500 3px 0px 0px, #caf500 -1px 1px 0px, #caf500 3px 1px 0px, #caf500 -1px 2px 0px, #caf500 3px 2px 0px, #caf500 0px 3px 0px, #caf500 1px 3px 0px, #caf500 2px 3px 0px, #caf500 3px 3px 0px; }
.linkSTYLE a.ALAS:hover, .linkSTYLE.ALAS a:hover, .linkSTYLE a.thisPage.ALAS, .linkSTYLE.ALAS h1 { color: #0ff !important; text-shadow: #3981F7 -1px -1px 0px, #3981F7 0px -1px 0px, #3981F7 1px -1px 0px, #3981F7 2px -1px 0px, #3981F7 -1px 0px 0px, #3981F7 3px 0px 0px, #3981F7 -1px 1px 0px, #3981F7 3px 1px 0px, #3981F7 -1px 2px 0px, #3981F7 3px 2px 0px, #3981F7 0px 3px 0px, #3981F7 1px 3px 0px, #3981F7 2px 3px 0px, #3981F7 3px 3px 0px; }
/*footer#bottom nav #anArt_alas-wam::before { content: "\A"; white-space: pre; }*/
/* .copyRight { padding: 2em .5em; text-align: center; } */
/* body.home .copyRight { padding: 10em .5em 3em; text-align: center;} */
.copyRight { padding: 10em .5em 3em; text-align: center; font-size:.5em;}
footer#label { background: #fff; width: 100%; padding: 1em 0em; box-shadow: #000 0 0 .5em -0.2em; position: relative; z-index: 50; text-align:justify; }
footer#label>div.sling { display:flex; flex-direction: row; align-items: flex-start; justify-content: space-between; }
footer#label>div>div { width: 34rem; padding: 4em 1em; }
#bio { }
#bio img.mug { float: right; margin-left: 1em; margin-bottom:.5em; width: 14rem; height: 14rem;}
#as { }
#expandyStatement { max-width: 20rem; transition: all 1s ease; box-shadow: #000 0 0 .5em -0.2em; background: url(assets/Background_Pattern_repeating.jpg) #0EC6A9; background-position:100% 40%; background-size: 100% auto; padding: .2rem .5rem; margin: 1em auto 0; text-align: center; }
#expandyStatement { width: 100%; max-width:100%; max-width:auto; padding: 2rem; margin:0 auto; }
/*#expandyStatement iframe { box-shadow: #000 0 0 .5em -0.2em; }*/
/*#expandyStatement h3 { margin-bottom: 0.5em; }*/
#slideshow { display: block; position: relative; width: 100%; height: 500px; }
#slideshow h1 { position: absolute; top: 0; left: 0; }
.slide { background: #000; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; font-weight: 900; }
.slide h2 { margin: 0; position: absolute; bottom: 0; left: 0; right: 0; font-weight: 300; font-style: italic; letter-spacing: -.02em; color: #fff; text-transform: lowercase; font-size: 2em; padding: 2rem .7em; text-align: center;}
.slide h2 span { background: #000; border-radius: 4000px; padding: 0 1em; }
.slide.alt { background: #fff; color: #000; }
.slide.alt h2 { color: #000; }
.slide.alt h2 span { background: #fff; }
.slide.alt2 { background: #ccc; color: #000; }
.slide.alt2 h2 { color: #000; }
.slide.alt2 h2 span { background: #ccc; }
#hiddenStage { height: 1px; width: 1px; overflow: hidden; position: absolute; top:0; left:0; }
.jqcloud { font: 20px 'Source Code Pro', monospace, sans-serif; line-height: normal; overflow: hidden; position: relative; }
.jqcloud-word { margin: 0; padding: 0 10px; color: #000;}
.jqcloud-word.w1 { font-size: 100%; color: #ffff00; font-weight: 200; }
.jqcloud-word.w2 { font-size: 125%; background-color: #00ffff; font-weight: 300; }
.jqcloud-word.w3 { font-size: 150%; background-color: #22ddff; font-weight: 300; }
.jqcloud-word.w4 { font-size: 175%; background-color: #54abff; font-weight: 400;}
.jqcloud-word.w5 { font-size: 200%; background-color: #708fff; font-weight: 400;}
.jqcloud-word.w6 { font-size: 225%; background-color: #8e71ff; font-weight: 500;}
.jqcloud-word.w7 { font-size: 250%; background-color: #aa55ff; font-weight: 500;}
.jqcloud-word.w8 { font-size: 275%; background-color: #dc23ff; font-weight: 700;}
.jqcloud-word.w9 { font-size: 300%; background-color: #f00fff; font-weight: 700;}
.jqcloud-word.w10 { font-size: 325%; background-color: #ff00ff; font-weight: 700;}
.jqcloud-word a { color: inherit; font-size: inherit; text-decoration: none; }
.jqcloud-word a:hover { color: #00ccff; }
.throb {
animation: throb1 .5s linear 0s infinite alternate;
-webkit-animation: throb1 .7s linear 0s infinite alternate;
}
.throb strong {
animation: throb2 .5s linear 0s infinite alternate;
-webkit-animation: throb2 .7s linear 0s infinite alternate;
}
@keyframes throb1 { from { font-weight: 300; } to { font-weight: 900; } }
@-webkit-keyframes throb1 { from { font-weight: 300; } to { font-weight: 900; } }
@keyframes throb2 { from { font-weight: 900; } to { font-weight: 300; } }
@-webkit-keyframes throb2 { from { font-weight: 900; } to { font-weight: 300; } }