Description
body div#devskin13862253 {
margin:0;
}
body div#devskin13862253 span.ogpreview {
display:none;
}
body div#devskin13862253 div.gr-box {
margin:0 !important;
padding:0 !important;
border:none !important;
background:none !important;
}
body div#devskin13862253 i.gr1, body div#devskin13862253 i.gr1 i, body div#devskin13862253 i.gr2, body div#devskin13862253 i.gr2 i, body div#devskin13862253 i.gr3, body div#devskin13862253 .gr-top {
display:none !important;
}
body div#devskin13862253 .gr-body {
position:static;
background:transparent;
border:0 !important;
overflow:visible;
}
body div#devskin13862253 .gr-body .grf-indent {
margin:auto;
padding:0;
background:transparent;
text-align:center;
}
body div#devskin13862253 .gr-body .gr {
border:0 !important;
position:static;
background:none;
}
body div#devskin13862253 .gr-box .text {
padding:0 !important;
position:relative;
text-align:left;
background-color:black;
}
body div#devskin13862253 .gr-box .text br {
display:none;
}
body div#devskin13862253 .gr-box .list {
width:0;
height:0;
clear:both;
visibility:hidden;
}
body div#devskin13862253 .cosmic .row {
font-size:0;
}
body div#devskin13862253 .cosmic .row .column, body div#devskin13862253 .cosmic .row .columns {
font-size:.94rem;
line-height:1.5rem;
}
body div#devskin13862253 .cosmic .wrap {
margin:0 auto;
padding:0px 60px 0px 60px;
max-width:1280px;
text-align:center;
}
body div#devskin13862253 .cosmic .wrap.big {
max-width:1380px;
padding:0px 0px 0px 0px;
}
body div#devskin13862253 .cosmic .wrap.big .column, body div#devskin13862253 .cosmic .wrap.big .columns {
padding:0;
}
body div#devskin13862253 .cosmic .wrap:after, body div#devskin13862253 .cosmic .row:after {
content:'';
display:table;
clear:both;
}
body div#devskin13862253 .cosmic .row {
margin:0;
}
body div#devskin13862253 .cosmic .column, body div#devskin13862253 .cosmic .columns {
padding:0 30px;
display:inline-block;
min-height:30px;
vertical-align:top;
text-align:left;
width:8.0833333333%;
}
body div#devskin13862253 .cosmic .column.text-center, body div#devskin13862253 .cosmic .columns.text-center {
text-align:center;
}
body div#devskin13862253 .cosmic .column.text-right, body div#devskin13862253 .cosmic .columns.text-right {
text-align:right;
}
body div#devskin13862253 .cosmic .column.one {
width:8.0833333333%;
}
body div#devskin13862253 .cosmic .columns.two {
width:16.4166666667%;
}
body div#devskin13862253 .cosmic .columns.three {
width:24.75%;
min-width:78px;
}
body div#devskin13862253 .cosmic .columns.four {
width:33.0833333333%;
min-width:156px;
}
body div#devskin13862253 .cosmic .columns.five {
width:41.4166666667%;
min-width:234px;
}
body div#devskin13862253 .cosmic .columns.six {
width:49.75%;
}
body div#devskin13862253 .cosmic .columns.seven {
width:58.0833333333%;
}
body div#devskin13862253 .cosmic .columns.eight {
width:66.4166666667%;
}
body div#devskin13862253 .cosmic .columns.nine {
width:74.75%;
}
body div#devskin13862253 .cosmic .columns.ten {
width:83.0833333333%;
}
body div#devskin13862253 .cosmic .columns.eleven {
width:91.4166666667%;
}
body div#devskin13862253 .cosmic .columns.twelve, body div#devskin13862253 .cosmic .columns.full {
width:100%;
}
body div#devskin13862253 .cosmic .columns.noPaddLeft {
padding-left:0;
}
body div#devskin13862253 .cosmic .columns.noPaddRight {
padding-right:0;
}
body div#devskin13862253 .cosmic .columns.six, body div#devskin13862253 .cosmic .columns.seven {
min-width:300px;
}
body div#devskin13862253 .cosmic .columns.eight, body div#devskin13862253 .cosmic .columns.nine, body div#devskin13862253 .cosmic .columns.ten, body div#devskin13862253 .cosmic .columns.eleven, body div#devskin13862253 .cosmic .columns.twelve {
min-width:485px;
}
body div#devskin13862253 .cosmic .columns.offset-one {
margin-left:8.0833333333%;
}
body div#devskin13862253 .cosmic .columns.offset-two {
margin-left:16.4166666667%;
}
body div#devskin13862253 .cosmic .columns.offset-three {
margin-left:24.75%;
}
body div#devskin13862253 .cosmic .columns.offset-four {
margin-left:33.0833333333%;
}
body div#devskin13862253 .cosmic .columns.offset-five {
margin-left:41.4166666667%;
}
body div#devskin13862253 .cosmic .columns.offset-six {
margin-left:49.75%;
}
body div#devskin13862253 .cosmic .columns.offset-seven {
margin-left:58.0833333333%;
}
body div#devskin13862253 .cosmic .columns.offset-eight {
margin-left:66.4166666667%;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .cosmic .wrap {
padding:0px 15px 0px 15px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .cosmic .wrap {
max-width:100vw;
padding:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .cosmic .column, body div#devskin13862253 .cosmic .columns {
margin-bottom:30px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .cosmic .columns.six, body div#devskin13862253 .cosmic .columns.seven, body div#devskin13862253 .cosmic .columns.eight, body div#devskin13862253 .cosmic .columns.nine, body div#devskin13862253 .cosmic .columns.ten, body div#devskin13862253 .cosmic .columns.eleven, body div#devskin13862253 .cosmic .columns.twelve {
min-width:325px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .cosmic .column, body div#devskin13862253 .cosmic .columns {
padding:0 30px;
width:100% !important;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .cosmic .columns.bottomMargin {
padding:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .cosmic .columns.offset-one, body div#devskin13862253 .cosmic .columns.offset-two, body div#devskin13862253 .cosmic .columns.offset-three, body div#devskin13862253 .cosmic .columns.offset-four, body div#devskin13862253 .cosmic .columns.offset-five {
margin-left:0%;
}
}
body div#devskin13862253 .ogplease {
display:none;
}
body div#devskin13862253 .button {
margin:0 auto 15px;
padding:21px 9px 21px 9px;
display:inline-block;
min-width:200px;
font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif;
font-weight:400;
font-size:1.2rem;
line-height:1.4rem;
letter-spacing:.02rem;
font-size:.9rem;
line-height:.9rem;
color:#fcfcfc;
text-decoration:none;
text-align:center;
background:rgb(49, 73, 190);
background:rgba(49,73,190,0.2);
white-space:nowrap;
text-transform:uppercase;
text-decoration:none;
transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
cursor:pointer;
outline:0;
border:1px white solid;
}
body div#devskin13862253 .button span {
display:inline-block;
transform:translate(0, 0.02rem);
-moz-transform:translate(0, 0.02rem);
-webkit-transform:translate(0, 0.02rem);
-ms-transform:translate(0, 0.02rem);
-o-transform:translate(0, 0.02rem);
}
body div#devskin13862253 .button:hover {
color:#0c0d21;
background:#fcfcfc;
}
body div#devskin13862253 .button:active {
transform:translate(0, 4px);
-moz-transform:translate(0, 4px);
-webkit-transform:translate(0, 4px);
-ms-transform:translate(0, 4px);
-o-transform:translate(0, 4px);
}
body div#devskin13862253 .button.disabled {
opacity:.5;
filter:alpha(opacity=50);
_zoom:1;
cursor:not-allowed;
}
body div#devskin13862253 .button.disabled:hover {
color:#0c0d21;
background:#ffeb3b;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .button {
min-width:180px;
}
}
body div#devskin13862253 .social-buttons {
cursor:pointer;
float:right;
width:44px;
margin:0;
overflow:hidden;
transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
z-index:99;
}
body div#devskin13862253 .social-buttons .social {
width:88px;
height:30px;
position:relative;
float:left;
line-height:30px;
text-align:center;
overflow:hidden;
cursor:pointer;
transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-webkit-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
z-index:99;
}
body div#devskin13862253 .social-buttons .social * {
line-height:0 !important;
opacity:0;
filter:alpha(opacity=0);
_zoom:1;
transition:opacity 0.15s ease-out;
-moz-transition:opacity 0.15s ease-out;
-webkit-transition:opacity 0.15s ease-out;
-ms-transition:opacity 0.15s ease-out;
-o-transition:opacity 0.15s ease-out;
}
body div#devskin13862253 .social-buttons .social iframe {
padding:0;
width:44px !important;
position:absolute !important;
height:30px !important;
display:inline-block !important;
}
body div#devskin13862253 .social-buttons .social.fb iframe {
top:5px !important;
left:-1px !important;
}
body div#devskin13862253 .social-buttons .social.twitter iframe {
top:5px !important;
left:10px !important;
}
body div#devskin13862253 .social-buttons .social.gp iframe {
top:5px !important;
left:22px !important;
}
body div#devskin13862253 .social-buttons .social .slide {
text-indent:-9999em;
height:30px;
width:inherit;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:0;
z-index:2;
text-align:center;
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
transition:transform 0.15s ease-out;
-moz-transition:transform 0.15s ease-out;
-webkit-transition:transform 0.15s ease-out;
-ms-transition:transform 0.15s ease-out;
-o-transition:transform 0.15s ease-out;
}
body div#devskin13862253 .social-buttons .social .slide:before {
content:'';
position:absolute;
top:50%;
left:50%;
margin:-8px 0 0 -8px;
width:16px;
height:16px;
background:transparent url('https://www.da-files.com/contests/2019/occ/cosmic/icons-social-light.svg?v=297029429') 50% 50%/50px auto no-repeat;
z-index:-1;
}
body div#devskin13862253 .social-buttons .social.fb .slide:before {
background-position:50% 100%;
}
body div#devskin13862253 .social-buttons .social.twitter .slide:before {
background-position:0% 100%;
}
body div#devskin13862253 .social-buttons .social.gp .slide:before {
background-position:100% 100%;
}
body div#devskin13862253 .social-buttons .social:hover .slide {
opacity:0.5;
filter:alpha(opacity=50);
_zoom:1;
z-index:0;
}
body div#devskin13862253 img {
vertical-align:bottom;
max-width:100%;
}
body div#devskin13862253 .image {
position:relative;
}
body div#devskin13862253 .image>a {
display:block;
cursor:pointer;
}
body div#devskin13862253 .image div.credit {
position:absolute;
bottom:0;
left:0;
right:0;
padding:14px 5px 5px 10px;
background:rgb(0, 0, 0);
background:rgba(0,0,0,0.4);
background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, transparent 100%);
background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, transparent 100%);
background:linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 100%);
color:#fcfcfc;
transition:all 0.3s ease-out;
-moz-transition:all 0.3s ease-out;
-webkit-transition:all 0.3s ease-out;
-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;
opacity:0;
filter:alpha(opacity=0);
_zoom:1;
z-index:2;
}
body div#devskin13862253 .image div.credit a, body div#devskin13862253 .image div.credit .name a {
color:white;
font-weight:300;
}
body div#devskin13862253 .image div.credit .avatar {
float:left;
width:12px;
height:12px;
color:transparent;
display:none;
}
body div#devskin13862253 .image div.credit .avatar img {
width:100%;
height:auto;
display:inline-block;
}
body div#devskin13862253 .image div.credit .txt {
margin:0;
padding:0 !important;
text-align:left;
}
body div#devskin13862253 .image div.credit .txt .title {
padding:0;
text-align:left;
}
body div#devskin13862253 .image div.credit .txt .user-symbol {
display:none;
}
body div#devskin13862253 .image div.credit .txt span {
display:block;
line-height:1;
}
body div#devskin13862253 .image div.credit .txt span.banned {
display:inline-block;
}
body div#devskin13862253 .image div.credit .txt .title {
display:inline-block;
font-size:.8rem;
line-height:.9rem;
color:white;
border-bottom:1px transparent solid;
}
body div#devskin13862253 .image div.credit .txt .username {
font-size:.7rem;
line-height:.8rem;
display:inline-block;
padding:0;
color:white;
border-bottom:1px transparent solid;
}
body div#devskin13862253 .image div.credit .txt .title:hover, body div#devskin13862253 .image div.credit .txt .username:hover {
border-bottom-color:#1cff9f;
}
body div#devskin13862253 *, body div#devskin13862253 *:before, body div#devskin13862253 *:after {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
body div#devskin13862253 {
background-color:black;
}
body div#devskin13862253 .cosmic {
font-family:Arial,Helvetica,sans-serif;
font-weight:300;
font-size:.94rem;
line-height:1.5rem;
color:#fcfcfc;
margin:0 auto;
padding:0;
position:relative;
background-color:#0c0d21;
min-width:800px;
max-width:1480px;
overflow:hidden visible;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .cosmic {
overflow:hidden auto;
width:100vw;
min-width:600px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .cosmic {
min-width:300px;
}
}
body div#devskin13862253 p {
margin:0 0 1.2rem;
padding:0;
}
body div#devskin13862253 p:last-child {
margin:0;
}
body div#devskin13862253 a {
color:#00e59b;
transition:all 0.08s ease-out;
-moz-transition:all 0.08s ease-out;
-webkit-transition:all 0.08s ease-out;
-ms-transition:all 0.08s ease-out;
-o-transition:all 0.08s ease-out;
font-size:inherit;
line-height:inherit;
}
body div#devskin13862253 a, body div#devskin13862253 a.external, body div#devskin13862253 a.discoverytag {
cursor:pointer;
text-decoration:none;
}
body div#devskin13862253 a:hover, body div#devskin13862253 a.external:hover, body div#devskin13862253 a.discoverytag:hover {
text-decoration:none;
}
body div#devskin13862253 a.external:after {
display:none;
text-decoration:none;
}
body div#devskin13862253 a:not(.external):not(.thumb) {
font-weight:normal;
}
body div#devskin13862253 a:hover {
text-decoration:none;
}
body div#devskin13862253 b, body div#devskin13862253 strong {
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:.94rem;
line-height:1.5rem;
color:inherit;
letter-spacing:0;
}
body div#devskin13862253 .section {
width:100%;
display:inline-block;
position:relative;
vertical-align:bottom;
}
body div#devskin13862253 h1, body div#devskin13862253 h2, body div#devskin13862253 h3, body div#devskin13862253 h4, body div#devskin13862253 h5 {
margin:0 0 15px;
padding:0;
font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif;
font-weight:400;
font-size:1.2rem;
line-height:1.4rem;
letter-spacing:-.02rem;
}
body div#devskin13862253 h1, body div#devskin13862253 h2 {
font-family:'Calibre-Bold','CalibreBold',Arial,Helvetica,sans-serif;
font-weight:800;
font-size:1.2rem;
line-height:1.4rem;
}
body div#devskin13862253 h1 a, body div#devskin13862253 h2 a, body div#devskin13862253 h3 a, body div#devskin13862253 h4 a, body div#devskin13862253 h5 a {
text-decoration:none;
}
body div#devskin13862253 h1 {
font-size:2.6rem;
line-height:2.8rem;
padding-bottom:27px;
}
body div#devskin13862253 h2 {
font-size:2.4rem;
line-height:2.6rem;
}
body div#devskin13862253 h3 {
font-size:1.9rem;
line-height:2.2rem;
}
body div#devskin13862253 h4 {
font-size:1.4rem;
line-height:1.6rem;
}
body div#devskin13862253 h5 {
font-size:1rem;
line-height:1.2rem;
}
body div#devskin13862253 h1 span, body div#devskin13862253 h2 span, body div#devskin13862253 h3 span {
display:block;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 h1 {
font-size:2.2rem;
line-height:2.3rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 h2 {
font-size:2.1rem;
line-height:2.2rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 h3 {
font-size:1.7rem;
line-height:1.8rem;
}
}
body div#devskin13862253 h1.main, body div#devskin13862253 h2.main {
position:relative;
}
body div#devskin13862253 h1.main:before, body div#devskin13862253 h2.main:before {
content:'';
background-color:#b0b0ba;
width:2px;
height:24px;
position:absolute;
top:-3px;
left:-1rem;
transform:skew(-28deg);
-moz-transform:skew(-28deg);
-webkit-transform:skew(-28deg);
-ms-transform:skew(-28deg);
-o-transform:skew(-28deg);
}
body div#devskin13862253 .u-list ul {
margin:0 0 1rem 39px;
padding:0;
}
body div#devskin13862253 .u-list ul li {
margin:0;
padding:0px 0px 12px 8.4px;
}
body div#devskin13862253 .u-list ul li:before {
background-image:none;
}
body div#devskin13862253 .u-list ul li, body div#devskin13862253 .u-list ul li b, body div#devskin13862253 .u-list ul li:before {
font-size:1rem;
line-height:1.3rem;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .u-list ul {
margin-left:21px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .u-list ul li {
padding:0 0 8px 0;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .u-list ul li, body div#devskin13862253 .u-list ul li b, body div#devskin13862253 .u-list ul li:before {
font-size:.8rem;
line-height:1rem;
}
}
body div#devskin13862253 .u-list.numbers ul {
list-style:none;
margin-left:0;
}
body div#devskin13862253 .u-list.numbers ul li {
position:relative;
padding-left:1.4rem;
}
body div#devskin13862253 .u-list.numbers ul li:before {
color:#6b7076;
top:0;
left:0;
position:absolute;
}
body div#devskin13862253 .u-list.numbers ul li:nth-of-type(1):before {
content:'1.';
}
body div#devskin13862253 .u-list.numbers ul li:nth-of-type(2):before {
content:'2.';
}
body div#devskin13862253 .u-list.numbers ul li:nth-of-type(3):before {
content:'3.';
}
body div#devskin13862253 .navbar {
width:100%;
z-index:3;
padding:9px 0px 9px 0px;
background-color:#0c0d21;
}
body div#devskin13862253 .navbar .columns {
padding:0;
}
body div#devskin13862253 .navbar .columns.logos {
padding:4.8px 0px 0px 30px;
}
body div#devskin13862253 .navbar img, body div#devskin13862253 .navbar .slash {
float:left;
margin:0 1rem 0 0;
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}
body div#devskin13862253 .navbar .logo-deviantart {
width:90px;
transform:translate(0, 2px);
-moz-transform:translate(0, 2px);
-webkit-transform:translate(0, 2px);
-ms-transform:translate(0, 2px);
-o-transform:translate(0, 2px);
}
body div#devskin13862253 .navbar .logo-partner {
width:92px;
transform:translate(0, 5px);
-moz-transform:translate(0, 5px);
-webkit-transform:translate(0, 5px);
-ms-transform:translate(0, 5px);
-o-transform:translate(0, 5px);
padding-left:5px;
}
body div#devskin13862253 .navbar span.slash {
position:relative;
display:inline-block;
height:24px;
width:1px;
}
body div#devskin13862253 .navbar span.slash:after {
content:'';
position:absolute;
width:1px;
height:100%;
top:0;
right:0;
background:rgb(255, 255, 255);
background:rgba(255,255,255,0.26);
transform:skew(-28deg) translate(0, 0);
-moz-transform:skew(-28deg) translate(0, 0);
-webkit-transform:skew(-28deg) translate(0, 0);
-ms-transform:skew(-28deg) translate(0, 0);
-o-transform:skew(-28deg) translate(0, 0);
}
body div#devskin13862253 .navbar .nav {
font-size:.8rem;
line-height:1.6rem;
text-transform:uppercase;
font-weight:bold !important;
letter-spacing:0;
}
body div#devskin13862253 .navbar .nav ul {
float:right;
}
body div#devskin13862253 .navbar .nav ul, body div#devskin13862253 .navbar .nav li {
list-style:none;
margin:0;
padding:0;
}
body div#devskin13862253 .navbar .nav li {
position:relative;
display:inline-block;
float:left;
text-align:left;
}
body div#devskin13862253 .navbar .nav li:before {
background-image:none;
}
body div#devskin13862253 .navbar .nav li a.nav-item {
display:inline-block;
padding:0px 9px 0px 9px;
font-weight:bold !important;
color:#fcfcfc;
}
body div#devskin13862253 .navbar .nav li a.nav-item:hover {
text-decoration:underline;
color:#fcfcfc;
}
body div#devskin13862253 .navbar .nav li.inactive a.nav-item {
opacity:.5;
filter:alpha(opacity=50);
_zoom:1;
cursor:not-allowed;
}
body div#devskin13862253 .navbar .nav li.social {
padding-left:30px;
}
body div#devskin13862253 .navbar .nav li.social:before {
content:'';
background:#444;
width:1px;
height:24px;
position:absolute;
top:50%;
left:15px;
transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
}
body div#devskin13862253 .navbar .nav li.rating span {
display:inline-block;
font-size:.7rem;
line-height:1.6rem;
color:#ffeb3b;
padding:0px 30px 0px 24px;
}
body div#devskin13862253 .navbar .nav li, body div#devskin13862253 .navbar .nav li a.nav-item, body div#devskin13862253 .navbar .nav .social-buttons .social .slide {
height:36px;
line-height:36px;
}
body div#devskin13862253 .navbar .nav .social-buttons {
margin:0;
width:88px;
}
body div#devskin13862253 .navbar .nav .social-buttons .social {
width:44px;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .navbar .logo-deviantart {
width:80px;
transform:translate(0, 2px);
-moz-transform:translate(0, 2px);
-webkit-transform:translate(0, 2px);
-ms-transform:translate(0, 2px);
-o-transform:translate(0, 2px);
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .navbar .logo-partner {
width:82px;
transform:translate(0, 5px);
-moz-transform:translate(0, 5px);
-webkit-transform:translate(0, 5px);
-ms-transform:translate(0, 5px);
-o-transform:translate(0, 5px);
padding-left:5px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .navbar span.slash {
height:21px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .navbar .nav {
font-size:.7rem;
line-height:1.6rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .navbar .nav li a.nav-item {
color:rgb(255, 255, 255);
color:rgba(255,255,255,0.8);
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .navbar .nav li.social, body div#devskin13862253 .navbar .nav li.desktop {
display:none;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .navbar .nav li.rating span {
padding:0px 15px 0px 12px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .navbar {
text-align:center;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .navbar .columns {
margin-bottom:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .navbar .columns.logos {
width:auto !important;
margin:0 auto;
padding:12px 30px 12px 30px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .navbar .columns.eight {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .navbar .nav {
display:none;
}
}
body div#devskin13862253 .section.rules {
color:#fcfcfc;
background:#010312 url('https://www.da-files.com/contests/2019/occ/cosmic/bg-rules.jpg?v=297029429') top no-repeat;
background-size:100%;
}
body div#devskin13862253 .section.rules .lockup {
width:300px;
margin:30px auto;
}
body div#devskin13862253 .section.rules h1, body div#devskin13862253 .section.rules h2, body div#devskin13862253 .section.rules h3 {
color:#f27068;
}
body div#devskin13862253 .section.rules ul, body div#devskin13862253 .section.rules ol {
margin:0 0 0 15px;
padding:0;
}
body div#devskin13862253 .section.rules .u-list ul, body div#devskin13862253 .section.rules .u-list ol {
list-style:none;
margin:0 0 0 30px;
padding:0;
}
body div#devskin13862253 .section.rules .u-list ul li, body div#devskin13862253 .section.rules .u-list ol li {
margin:0;
padding:0px 0px 30px 30px;
position:relative;
}
body div#devskin13862253 .section.rules .u-list ul li:before, body div#devskin13862253 .section.rules .u-list ol li:before {
content:'';
color:#fcfcfc;
font-weight:bold;
top:8px;
left:0;
position:absolute;
width:4px;
height:4px;
background-color:#fcfcfc;
}
body div#devskin13862253 .section.rules .u-list.numbers {
padding-top:30px;
}
body div#devskin13862253 .section.rules .content-block {
padding-bottom:12px;
}
body div#devskin13862253 .section.rules .u-list.numbers ul {
list-style:none;
margin-left:0;
}
body div#devskin13862253 .section.rules .u-list.numbers ul li {
position:relative;
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:before {
color:#fcfcfc;
top:0;
left:0;
position:absolute;
width:auto;
height:auto;
background-color:transparent;
}
body div#devskin13862253 .section.rules .u-list.numbers ul li li, body div#devskin13862253 .section.rules .u-list.numbers ul li li:before {
color:#fcfcfc;
}
body div#devskin13862253 .section.rules .u-list.numbers ul li li span {
display:block;
}
body div#devskin13862253 .section.rules .u-list.numbers ul li li span, body div#devskin13862253 .section.rules .u-list.numbers ul li li p {
color:#fcfcfc;
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(1):before {
content:'1.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(2):before {
content:'2.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(3):before {
content:'3.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(4):before {
content:'4.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(5):before {
content:'5.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(6):before {
content:'6.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(7):before {
content:'7.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(8):before {
content:'8.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(9):before {
content:'9.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(10):before {
content:'10.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(11):before {
content:'11.';
}
body div#devskin13862253 .section.rules .u-list.numbers ul li:nth-of-type(12):before {
content:'12.';
}
body div#devskin13862253 .section.rules .o-list ol, body div#devskin13862253 .section.rules .u-list.numbers ul .o-list ol {
margin:0 0 0 42px;
list-style-type:lower-alpha;
}
body div#devskin13862253 .section.rules .o-list ol ol, body div#devskin13862253 .section.rules .u-list.numbers ul .o-list ol ol {
list-style-type:lower-roman;
}
body div#devskin13862253 .section.rules .o-list ol li, body div#devskin13862253 .section.rules .u-list.numbers ul .o-list ol li {
padding:0px 0px 9px 7.5px;
}
body div#devskin13862253 .section.rules .o-list ol li p, body div#devskin13862253 .section.rules .u-list.numbers ul .o-list ol li p {
color:#fcfcfc;
}
body div#devskin13862253 .section.rules .o-list ol li:before, body div#devskin13862253 .section.rules .u-list.numbers ul .o-list ol li:before {
content:'';
background:none;
color:#fcfcfc;
}
body div#devskin13862253 .section.rules .o-list ol .sublist ul, body div#devskin13862253 .section.rules .u-list.numbers ul .o-list ol .sublist ul {
list-style-type:disc;
margin-top:1rem;
margin-left:30px;
}
body div#devskin13862253 .section.rules ul, body div#devskin13862253 .section.rules ol, body div#devskin13862253 .section.rules .columns p {
line-height:1.3;
}
body div#devskin13862253 .section.rules p:not(:last-of-type) {
margin-bottom:1rem;
}
body div#devskin13862253 .section.rules b {
font-weight:600;
}
body div#devskin13862253 .section.rules .rules-subtitle {
font-weight:600;
color:#f27068;
padding:0 0 12px;
display:inline-block;
}
body div#devskin13862253 .section.rules .button {
margin:22px 0 0;
}
body div#devskin13862253 .section.rules .notice-list {
padding:0 0 12px;
}
body div#devskin13862253 .header .navbar, body div#devskin13862253 .rules .navbar {
margin-bottom:60px;
}
body div#devskin13862253 .header {
color:#fcfcfc;
background:#ed8d51 url('https://www.da-files.com/contests/2019/occ/cosmic/bg-header.jpg?v=297029429') no-repeat;
background-size:100% auto;
background-position:left top;
min-height:600px;
padding:0px 0px 60px 0px;
}
body div#devskin13862253 .header .lockup {
width:50%;
max-width:800px;
}
body div#devskin13862253 .header .corsair {
border-top:2px #53001a solid;
position:relative;
margin:50px 0 30px;
width:84%;
}
body div#devskin13862253 .header .corsair .block {
float:right;
display:inline-block;
transform:skew(-28deg) translate(0, -2px);
-moz-transform:skew(-28deg) translate(0, -2px);
-webkit-transform:skew(-28deg) translate(0, -2px);
-ms-transform:skew(-28deg) translate(0, -2px);
-o-transform:skew(-28deg) translate(0, -2px);
padding:9px 30px 9px 30px;
background:#53001a;
background: -webkit-linear-gradient(left, #53001a, #992d50);
background: -moz-linear-gradient(left, #53001a, #992d50);
background:linear-gradient(to right, #53001a, #992d50);
}
body div#devskin13862253 .header .corsair .block span {
display:block;
transform:skew(28deg);
-moz-transform:skew(28deg);
-webkit-transform:skew(28deg);
-ms-transform:skew(28deg);
-o-transform:skew(28deg);
color:#fcfcfc;
text-transform:uppercase;
font-weight:bold;
font-size:1.4rem;
line-height:2.2rem;
}
body div#devskin13862253 .header p {
font-size:1.24rem;
line-height:2rem;
font-style:italic;
width:54%;
max-width:600px;
}
body div#devskin13862253 .header .enter-by {
display:inline-block;
margin:10px 0 0;
padding:15px 18px 15px 18px;
color:#ed8d51;
text-transform:uppercase;
font-weight:bold;
background-color:#fcfcfc;
font-size:.9rem;
line-height:1.2rem;
}
body div#devskin13862253 .header .enter-by.post {
max-width:410px;
font-weight:normal;
}
body div#devskin13862253 .header .enter-by.post span {
display:block;
}
body div#devskin13862253 .header .enter-by.post .title {
text-transform:uppercase;
letter-spacing:1px;
font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif;
font-weight:400;
font-size:1rem;
line-height:1.2rem;
}
body div#devskin13862253 .header .enter-by.post .dates {
font-size:.9rem;
line-height:1rem;
text-transform:none;
}
body div#devskin13862253 .header .enter-by.post .notice {
padding-top:5px;
font-size:1.3rem;
line-height:1.6rem;
text-transform:none;
color:#992d50;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .header {
padding-bottom:30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .header .lockup {
max-width:auto;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .header .corsair {
width:86%;
margin:40px 0 30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .header .corsair .block {
padding:6px 30px 6px 30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .header .corsair .block span {
font-size:1.2rem;
line-height:2rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .header p {
font-size:1rem;
line-height:1.8rem;
width:46%;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .header .enter-by {
margin:0;
padding:12px 18px 12px 18px;
font-size:.8rem;
line-height:1.1rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .header .spacer {
height:30px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header {
min-height:300px;
background-position:center 60px;
background-size:auto 100%;
padding-bottom:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header .lockup {
width:70%;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header .corsair {
border:none;
margin:15px 0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header .corsair .block {
float:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header .corsair .block, body div#devskin13862253 .header .corsair .block span {
transform:skew(0deg);
-moz-transform:skew(0deg);
-webkit-transform:skew(0deg);
-ms-transform:skew(0deg);
-o-transform:skew(0deg);
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header .corsair .block span {
font-size:.8rem;
line-height:1.2rem;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header p {
font-size:.8rem;
line-height:1.5rem;
width:98%;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header .enter-by {
padding:9px 12px 9px 12px;
font-size:.7rem;
line-height:1.1rem;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .header .post-contest-msg {
min-height:10px;
}
}
body div#devskin13862253 .section.winners {
background:#121222 url('https://www.da-files.com/contests/2019/occ/cosmic/bg-winners-g4.jpg?v=297029429') no-repeat;
background-size:100% auto;
background-position:center top;
color:#fcfcfc;
z-index:1;
position:relative;
}
body div#devskin13862253 .section.winners:before {
position:absolute;
top:0;
left:0;
content:'';
background:transparent url('https://www.da-files.com/contests/2019/occ/cosmic/triangle.svg?v=297029429') no-repeat;
background-size:100% auto;
background-position:left top;
height:100%;
width:33%;
z-index:2;
}
body div#devskin13862253 .section.winners .bg {
padding:60px 0px 60px 0px;
background:transparent url('https://www.da-files.com/contests/2019/occ/cosmic/bg-winners.png?v=297029429') no-repeat;
background-size:70% auto;
background-position:right top;
min-height:1200px;
z-index:3;
position:relative;
}
body div#devskin13862253 .section.winners h2.main {
color:#992d50;
}
body div#devskin13862253 .section.winners .byline {
display:block;
}
body div#devskin13862253 .section.winners .columns.full p {
max-width:620px;
}
body div#devskin13862253 .section.winners .place-tag {
margin:60px 0;
background:#ed924f;
background: -webkit-linear-gradient(left, #ed924f, #f27068, #f25864);
background: -moz-linear-gradient(left, #ed924f, #f27068, #f25864);
background:linear-gradient(to right, #ed924f, #f27068, #f25864);
transform:skew(-28deg);
-moz-transform:skew(-28deg);
-webkit-transform:skew(-28deg);
-ms-transform:skew(-28deg);
-o-transform:skew(-28deg);
display:inline-block;
position:relative;
padding-left:120px;
}
body div#devskin13862253 .section.winners .place-tag:before {
position:absolute;
content:'';
top:0;
left:-30px;
width:180px;
height:100%;
background-color:#5c5c6b;
}
body div#devskin13862253 .section.winners .place-tag span {
display:block;
padding:30px 60px 30px 60px;
font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif;
font-weight:400;
font-size:1.3rem;
line-height:1.3rem;
color:#fcfcfc;
text-transform:uppercase;
transform:skew(28deg);
-moz-transform:skew(28deg);
-webkit-transform:skew(28deg);
-ms-transform:skew(28deg);
-o-transform:skew(28deg);
position:relative;
}
body div#devskin13862253 .section.winners .place-tag.first {
margin-top:0;
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .section.winners .place-tag {
margin:30px 0;
padding-left:60px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .section.winners .place-tag:before {
width:90px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .section.winners .place-tag span {
padding:15px 30px 15px 30px;
}
}
body div#devskin13862253 .gallery.winners-gallery .row {
padding-bottom:60px;
}
body div#devskin13862253 .gallery.winners-gallery .image .credit {
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
}
body div#devskin13862253 .gallery.winners-gallery .image div.credit {
padding:20px;
}
body div#devskin13862253 .gallery.winners-gallery .image div.credit .avatar {
width:20px;
height:20px;
margin-right:4px;
display:inline-block;
}
body div#devskin13862253 .gallery.winners-gallery .image div.credit .txt .title {
font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif;
font-weight:400;
font-size:1.4rem;
line-height:1.5rem;
}
body div#devskin13862253 .gallery.winners-gallery .image div.credit .txt .username {
font-family:'Calibre-Regular','CalibreRegular',Arial,Helvetica,sans-serif;
font-weight:300;
font-size:1.1rem;
line-height:1.2rem;
}
body div#devskin13862253 .gallery.winners-gallery .judges-comments h3 {
font-family:'Calibre-Bold','CalibreBold',Arial,Helvetica,sans-serif;
font-weight:800;
font-size:2.6rem;
line-height:2.6rem;
color:#00e59b;
}
body div#devskin13862253 .gallery.winners-gallery .judges-comments .subtitle {
font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif;
font-weight:400;
font-size:1.4rem;
line-height:1.6rem;
color:#5c5c6b;
text-transform:uppercase;
}
body div#devskin13862253 .gallery.winners-gallery .wrap.st .judges-comments h3 {
padding-top:1rem;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .gallery.winners-gallery .judges-comments h3 {
font-family:'Calibre-Bold','CalibreBold',Arial,Helvetica,sans-serif;
font-weight:800;
font-size:2.3rem;
line-height:2.3rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .gallery.winners-gallery .judges-comments .subtitle {
font-size:.94rem;
line-height:1rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .gallery.winners-gallery .judges-comments .byline {
padding-bottom:5px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .gallery.winners-gallery .judges-comments .byline, body div#devskin13862253 .gallery.winners-gallery .judges-comments p {
font-size:.74rem;
line-height:1.3rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .gallery.winners-gallery .row {
padding-bottom:1rem;
}
}
body div#devskin13862253 .section.semis {
padding:60px 0px 60px 0px;
color:#0c0d21;
background:#fcfcfc url('https://www.da-files.com/contests/2019/occ/cosmic/bg-semis.png?v=297029429') no-repeat;
background-size:50% auto;
background-position:110% -120px;
min-height:600px;
}
body div#devskin13862253 .section.semis h2.main {
color:#ed8d51;
}
body div#devskin13862253 .section.semis .columns.full p {
max-width:620px;
}
body div#devskin13862253 .section.semis .button-row {
padding-top:30px;
}
body div#devskin13862253 .section.semis .button-row a.button {
background-color:#992d50;
}
body div#devskin13862253 .section.semis .button-row a.button:hover {
color:white;
background-color:#0c0d21;
}
body div#devskin13862253 .section.semis .gallery {
padding-top:30px;
}
body div#devskin13862253 .section.semis .gallery .image {
margin-bottom:15px;
}
body div#devskin13862253 .section.semis .gallery .image:hover .credit {
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
}
body div#devskin13862253 .section.semis .gallery .columns {
padding:0px 15px 0px 15px;
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .section.semis .gallery .columns {
margin-bottom:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .section.semis .columns.full {
margin-bottom:0;
}
}
body div#devskin13862253 .section.intro {
color:#0c0d21;
background:#fcfcfc url('https://www.da-files.com/contests/2019/occ/cosmic/bg-character.png?v=297029429') no-repeat;
background-size:auto 100%;
background-position:right bottom;
overflow:hidden;
}
body div#devskin13862253 .section.intro .block {
padding:60px 0px 60px 0px;
}
body div#devskin13862253 .section.intro h2.main {
color:#ed8d51;
}
body div#devskin13862253 .section.intro .subtitle {
font-size:1.1rem;
line-height:1.6rem;
padding-bottom:1rem;
border-bottom:1px #c4c7ca solid;
}
body div#devskin13862253 .section.intro p sup {
font-size:.6rem;
line-height:.6rem;
}
body div#devskin13862253 .section.intro .details {
text-align:center;
padding:15px 30px 0px 0px;
}
body div#devskin13862253 .section.intro .details img {
max-height:130px;
}
body div#devskin13862253 .section.intro .character-01 {
position:absolute;
bottom:0;
left:55%;
max-height:130%;
transform:translate(0, 30%);
-moz-transform:translate(0, 30%);
-webkit-transform:translate(0, 30%);
-ms-transform:translate(0, 30%);
-o-transform:translate(0, 30%);
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .section.intro {
background-size:auto 50%;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .section.intro .character-01 {
left:50%;
max-height:100%;
transform:translate(0, 10%);
-moz-transform:translate(0, 10%);
-webkit-transform:translate(0, 10%);
-ms-transform:translate(0, 10%);
-o-transform:translate(0, 10%);
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .section.intro {
padding-bottom:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .section.intro .block {
padding-bottom:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .section.intro .columns.hover-image, body div#devskin13862253 .section.intro .character-01 {
display:none;
}
}
body div#devskin13862253 .video {
margin-bottom:-7px;
}
body div#devskin13862253 .video iframe {
width:100%;
height:700px;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .video iframe {
height:500px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .video iframe {
height:300px;
}
}
body div#devskin13862253 .featured .art-ohnips {
width:100%;
}
body div#devskin13862253 .featured .tag {
position:absolute;
top:-36px;
left:0;
background:#0c0d21;
}
body div#devskin13862253 .featured .tag h2, body div#devskin13862253 .featured .tag .artist-info {
display:inline-block;
height:72px;
vertical-align:top;
}
body div#devskin13862253 .featured .tag h2 {
padding:0px 18px 0px 42px;
margin:0;
font-size:1.3rem;
line-height:72px;
color:#fcfcfc;
text-transform:uppercase;
transform:translate(0, 2px);
-moz-transform:translate(0, 2px);
-webkit-transform:translate(0, 2px);
-ms-transform:translate(0, 2px);
-o-transform:translate(0, 2px);
}
body div#devskin13862253 .featured .tag .artist-info {
min-width:180px;
background:#ed8d51;
background: -webkit-linear-gradient(left, #ed8d51, #f27068);
background: -moz-linear-gradient(left, #ed8d51, #f27068);
background:linear-gradient(to right, #ed8d51, #f27068);
padding:18px 90px 18px 42px;
transform:translate(30px, 0) skew(-28deg);
-moz-transform:translate(30px, 0) skew(-28deg);
-webkit-transform:translate(30px, 0) skew(-28deg);
-ms-transform:translate(30px, 0) skew(-28deg);
-o-transform:translate(30px, 0) skew(-28deg);
}
body div#devskin13862253 .featured .tag .artist-info .block {
transform:skew(28deg);
-moz-transform:skew(28deg);
-webkit-transform:skew(28deg);
-ms-transform:skew(28deg);
-o-transform:skew(28deg);
}
body div#devskin13862253 .featured .tag .artist-info img {
height:36px;
float:left;
margin:0 6px 0 0;
}
body div#devskin13862253 .featured .tag .artist-info .username, body div#devskin13862253 .featured .tag .artist-info .title {
display:block;
color:#fcfcfc;
white-space:nowrap;
}
body div#devskin13862253 .featured .tag .artist-info .username a, body div#devskin13862253 .featured .tag .artist-info .title a {
color:#fcfcfc;
text-decoration:none;
}
body div#devskin13862253 .featured .tag .artist-info .username {
font-size:1.1rem;
line-height:1.2rem;
}
body div#devskin13862253 .featured .tag .artist-info .title {
font-size:.9rem;
line-height:1.2rem;
}
body div#devskin13862253 .featured .about {
background:#ed8d51;
background: -webkit-linear-gradient(left, #ed8d51, #f27068);
background: -moz-linear-gradient(left, #ed8d51, #f27068);
background:linear-gradient(to right, #ed8d51, #f27068);
padding:30px 30px 30px 30px;
position:absolute;
bottom:0;
right:0;
width:444px;
transform:translate(0, 50%);
-moz-transform:translate(0, 50%);
-webkit-transform:translate(0, 50%);
-ms-transform:translate(0, 50%);
-o-transform:translate(0, 50%);
z-index:2;
}
body div#devskin13862253 .featured .about h3 {
font-size:1.3rem;
line-height:1.4rem;
text-transform:uppercase;
}
body div#devskin13862253 .featured .about a {
color:#fcfcfc;
text-decoration:underline;
font-weight:bold;
}
body div#devskin13862253 .featured .about a:hover {
color:#00e59b;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .featured .tag {
top:-30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .featured .tag h2, body div#devskin13862253 .featured .tag .artist-info {
height:60px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .featured .tag h2 {
line-height:60px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .featured .tag .artist-info {
padding:12px 90px 18px 42px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .featured .about {
width:300px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .featured .about h3 {
font-size:1rem;
line-height:1.1rem;
margin:0;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .featured .about p {
font-size:.76rem;
line-height:1.2rem;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .featured .tag {
top:-20px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .featured .tag h2 {
font-size:1rem;
height:39px;
line-height:39px;
padding-right:42px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .featured .tag .artist-info {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .featured .about {
position:relative;
bottom:auto;
right:auto;
transform:translate(0, 0);
-moz-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
width:100%;
}
}
body div#devskin13862253 .prizing {
padding:90px 0px 60px 0px;
color:#0c0d21;
background:#fcfcfc url('https://www.da-files.com/contests/2019/occ/cosmic/bg-prizing.png?v=297029429') no-repeat;
background-size:100% auto;
background-position:right top;
z-index:1;
}
body div#devskin13862253 .prizing .row.paddTop {
padding-top:30px;
}
body div#devskin13862253 .prizing .columns.thirdplace {
transform:translate(30px, 0);
-moz-transform:translate(30px, 0);
-webkit-transform:translate(30px, 0);
-ms-transform:translate(30px, 0);
-o-transform:translate(30px, 0);
}
body div#devskin13862253 .prizing p {
max-width:600px;
}
body div#devskin13862253 .prizing p.meep {
margin-bottom:30px;
}
body div#devskin13862253 .prizing h2 {
color:#ed8d51;
}
body div#devskin13862253 .prizing h3.subtitle {
color:#992d50;
}
body div#devskin13862253 .prizing h3 {
color:#00e59b;
}
body div#devskin13862253 .prizing h3 span {
display:inline-block;
color:#c4c7ca;
}
body div#devskin13862253 .prizing li a {
color:#0c0d21;
text-decoration:underline;
}
body div#devskin13862253 .prizing li a:hover {
color:#f27068;
}
body div#devskin13862253 .prizing .block-firstplace {
padding:54px 0px 0px 0px;
}
body div#devskin13862253 .prizing .divider {
border-top:1px #e4e6e7 solid;
margin-top:60px;
padding-top:60px;
}
body div#devskin13862253 .prizing .divider .image {
padding-bottom:30px;
}
body div#devskin13862253 .prizing .divider .image img {
max-width:inherit;
width:auto;
height:150px;
}
body div#devskin13862253 .prizing .divider .thirdplace .image img {
transform:translate(0, 4px) scale(1.04);
-moz-transform:translate(0, 4px) scale(1.04);
-webkit-transform:translate(0, 4px) scale(1.04);
-ms-transform:translate(0, 4px) scale(1.04);
-o-transform:translate(0, 4px) scale(1.04);
}
body div#devskin13862253 .prizing .image.last {
padding-left:60px;
}
body div#devskin13862253 .prizing h3 sup {
font-size:1.1rem;
line-height:1.1rem;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .prizing {
padding-top:42px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .prizing .row.paddTop {
padding-top:18px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .prizing .divider {
margin-top:30px;
padding-top:30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .prizing .divider .image {
padding-bottom:18px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .prizing .divider .image img {
height:98px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .prizing .image.last {
padding-left:45px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .prizing h3 {
font-size:1.4rem;
line-height:1.4rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .prizing h3 sup {
font-size:1rem;
line-height:1rem;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing {
padding:60px 0px 0px 0px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing .row.paddTop {
padding-top:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing p.meep {
margin-bottom:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing .block-firstplace {
padding-top:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing .columns.thirdplace {
transform:translate(0, 0);
-moz-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing .divider {
margin-top:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing .divider .image img {
height:140px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing .divider .image.last {
padding-left:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing .thirdplace .image img {
transform:translate(0, 0) scale(1);
-moz-transform:translate(0, 0) scale(1);
-webkit-transform:translate(0, 0) scale(1);
-ms-transform:translate(0, 0) scale(1);
-o-transform:translate(0, 0) scale(1);
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .prizing .u-list ul {
margin-bottom:0;
}
}
body div#devskin13862253 .judging-and-rules {
padding:60px 0px 60px 0px;
color:#fcfcfc;
background:#0c0d21 url('https://www.da-files.com/contests/2019/occ/cosmic/bg-judging.jpg?v=297029429') no-repeat;
background-size:100% auto;
background-position:left top;
}
body div#devskin13862253 .judging-and-rules p a {
color:#00e59b;
text-decoration:underline;
}
body div#devskin13862253 .judging-and-rules p a:hover {
color:#f27068;
}
body div#devskin13862253 .judging-and-rules p sup {
font-size:.6rem;
line-height:.6rem;
}
body div#devskin13862253 .judging-and-rules h2 {
color:#992d50;
font-size:3rem;
line-height:3.3rem;
margin:0;
padding:0px 0px 24px 0px;
}
body div#devskin13862253 .judging-and-rules h2.rules-title {
margin-top:60px;
}
body div#devskin13862253 .judging-and-rules h3 {
color:#fcfcfc;
}
body div#devskin13862253 .judging-and-rules h4 {
color:#f27068;
font-size:1.2rem;
line-height:1.3rem;
text-transform:uppercase;
}
body div#devskin13862253 .judging-and-rules span.bl {
display:block;
}
body div#devskin13862253 .judging-and-rules .rules-notice {
padding:30px 15px 30px 30px;
color:#3a3d40;
background-color:#fcfcfc;
}
body div#devskin13862253 .judging-and-rules .rules-notice p {
font-size:.8rem;
line-height:1.2rem;
font-style:italic;
}
body div#devskin13862253 .judging-and-rules .button {
margin-bottom:0;
border:none;
background-color:#992d50;
}
body div#devskin13862253 .judging-and-rules .button:hover {
color:#0c0d21;
background-color:#00e59b;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .judging-and-rules {
background-size:cover;
background-position:right top;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .judging-and-rules h2 {
color:#992d50;
font-size:2rem;
line-height:2.2rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .judging-and-rules h3 {
font-size:1.2rem;
line-height:1.2rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .judging-and-rules h4 {
font-size:1rem;
line-height:1.1rem;
margin-bottom:4px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .judging-and-rules p, body div#devskin13862253 .judging-and-rules b, body div#devskin13862253 .judging-and-rules li {
font-size:.8rem;
line-height:1.2rem;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .judging-and-rules .rules-notice {
padding:21px 9px 21px 21px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .judging-and-rules .columns {
margin-bottom:12px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .judging-and-rules h2.rules-title {
margin-top:10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .judging-and-rules h2.main {
padding-bottom:4px;
}
}
body div#devskin13862253 .how-to-enter {
padding:60px 0px 60px 0px;
color:#fcfcfc;
background:#992d50 url('https://www.da-files.com/contests/2019/occ/cosmic/bg-enter.jpg?v=297029429') no-repeat;
background-size:100% auto;
background-position:left top;
}
body div#devskin13862253 .how-to-enter h2.main {
color:#fcfcfc;
}
body div#devskin13862253 .how-to-enter h2.main:before {
background-color:#f27068;
}
body div#devskin13862253 .how-to-enter h3 {
color:#fcfcfc;
margin-bottom:3px;
}
body div#devskin13862253 .how-to-enter a.taglink {
padding-left:9px;
position:relative;
display:inline-block;
color:#00e59b;
text-decoration:underline;
}
body div#devskin13862253 .how-to-enter a.taglink:hover {
color:#ed8d51;
}
body div#devskin13862253 .how-to-enter a.taglink:before {
position:absolute;
top:0;
left:0;
content:'#';
}
body div#devskin13862253 .how-to-enter .buttons {
padding-top:15px;
}
body div#devskin13862253 .how-to-enter .block {
position:relative;
padding:0px 0px 30px 0px;
min-height:170px;
}
body div#devskin13862253 .how-to-enter .block:before {
position:absolute;
top:6px;
left:-2rem;
width:1.8rem;
height:1.8rem;
font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif;
font-weight:400;
font-size:1.2rem;
line-height:1.4rem;
font-size:1.8rem;
color:#f27068;
}
body div#devskin13862253 .how-to-enter .block p {
max-width:444px;
font-size:.84rem;
line-height:1.4rem;
}
body div#devskin13862253 .how-to-enter .block.ideate:before {
content:'1.';
}
body div#devskin13862253 .how-to-enter .block.make:before {
content:'2.';
}
body div#devskin13862253 .how-to-enter .block.submit:before {
content:'3.';
}
body div#devskin13862253 .how-to-enter .button {
border-color:#f27068;
background-color:#f27068;
margin-right:10px;
}
body div#devskin13862253 .how-to-enter .button:hover {
color:#0c0d21;
background-color:#00e59b;
border-color:#00e59b;
}
body div#devskin13862253 .how-to-enter .button.view {
background-color:transparent;
}
body div#devskin13862253 .how-to-enter .button.view:hover {
color:#0c0d21;
background-color:#00e59b;
border-color:#00e59b;
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter {
padding:60px 0px 0px 0px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter h2.main:before {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter .desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter .columns {
text-align:center;
margin-bottom:12px;
padding:0px 48px 0px 48px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter .enter-imgs img {
width:120px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter .block {
min-height:70px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter .block p {
margin:0 auto;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter .block:before {
content:'' !important;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .how-to-enter .buttons {
padding-top:30px;
}
}
body div#devskin13862253 .thoughts {
padding:60px 0px 60px 0px;
color:#fcfcfc;
background:#ed8d51 url('https://www.da-files.com/contests/2019/occ/cosmic/bg-thoughts.jpg?v=297029429') no-repeat;
background-size:cover;
background-position:left top;
min-height:700px;
}
body div#devskin13862253 .thoughts h2.main {
color:#fcfcfc;
}
body div#devskin13862253 .thoughts h2.main:before {
background-color:#fcfcfc;
}
body div#devskin13862253 .thoughts h3 {
color:#992d50;
}
body div#devskin13862253 .thoughts .u-list.numbers {
font-family:'Calibre-Regular','CalibreRegular',Arial,Helvetica,sans-serif;
font-weight:300;
font-size:1.1rem;
line-height:1.2rem;
}
body div#devskin13862253 .thoughts .u-list.numbers li:before {
font-size:.9rem;
line-height:1.2rem;
top:-.02rem;
}
body div#devskin13862253 .thoughts .u-list.numbers li:before {
color:#992d50;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .thoughts {
min-height:300px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .thoughts {
padding:30px 0px 30px 0px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13862253 .thoughts .desktop {
display:none;
}
}
body div#devskin13862253 .footer .navbar .rating {
display:none;
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .footer .navbar {
display:none;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13862253 .footer {
display:none;
}
}
body div#devskin13862253 .bottom {
display:none;
}
A bounty of wacom products have been awarded as DeviantArt’s #OriginalCharacterChallenge reveals the winners across three unique categories! See which Cosmic Corsairs were the best Overall, showed excellent Creativity, or impressed our Featured Artist.
- Challenge
- View Entries
- Official Rules
Twitter
bit.ly/DAOCC_CosmicCorsairW&qu… bounty of wacom products have been awarded as DeviantArt’s #OriginalCharacterChallenge reveals the winners across three unique categories! See which Cosmic Corsairs were the best Overall, showed excellent Creativity, or impressed our Featured Artist."}"/>
Facebook
www.deviantart.com/team/journa… }"/>
- 13+ International
Cosmic Corsair
DeviantArt and Wacom have teamed up to bring you a series of Original Character Challenges! These challenges are opportunities for you to design exciting original characters based on a prompt for the chance to win Wacom Products!
Contest ClosedThis contest ran from Oct 2nd to 31st, 2019See the Winners below!
Shiver Me Timbers!Here Are Our Winners!
Space Pirates of all shapes and sizes invaded DeviantArt for our Cosmic Corsair Original Character Challenge. The amount of imagination and talent you all showed was incredible, but these nine are leaving with the treasure. Congratulations to our winners! And a huge thank you to everybody who participated in our first Original Character Challenge. Climb up into the crow's nest and keep your eye out for the next challenge on the horizon.
First Place Winners
OverallJudge's Comments— DASGNOMO
Black Hole Bonnie is a corsair of myths and legends, epic poems are written in her honor, and the entire Universe trembles just hearing her name.
The amazing graphic style chosen for this character, the strong and unique colors, the exceptional contrast and silhouette, the one of a kind concept and powerfully original backstory, make Bonnie the ultimate cosmic corsair!
Black Hole Bonnie Lord-Of-The-Guns
CreativeJudge's Comments— STAFF
We loved the whimsical style and vibrant colors of Capt'n Crazy Miranda and her crew of hooligans. The texture, brush strokes, vibrant pastel palette, and simple yet excellent execution combine into fun new take on a classic pirate party scene.
Aye The Lucky Schamrocks Drawmonsterdraw
Artist PicksJudge's Comments— OHNIPS
Absolutely love the lore on this one. Composition is fun and executed beautifully with great color theory that gives the drawing so much depth and makes Krigg POP. All elements of the contest are visible and very nicely emphasized. An overall beautiful piece!
Don t look down on me CindyAvelino
Second Place Winners
Denny the Burger Pirate King TubSlab
OverallJudge's Comments— DASGNOMO
Who could even believe, that one of the biggest corsairs of all times could be so unique and delicious!
Denny is a pirate with no equal! He’s unique, powerful, original in concept and certainly in the major leagues of design and flavor.
Well executed, excellent and dark backstory, unmistakable silhouette, this was really thought outside of the box.
Gourmet Sky Fortress Pirates OatlyToad
CreativeJudge's Comments— STAFF
Fun, surreal, and absurd, are the best ways to describe Enesha! The fantastic mashup of weaponized culinary-space-tech makes absolutely no sense, but still works. The floating weapons shine, becoming creative and natural extensions of the character's whole.
CosmicCorsairOCC Igor-Grechanyi
Artist PicksJudge's Comments— OHNIPS
One of my favorite designs/executions in the contest. Adore the helmet to bits and all the little details; I could stare forever! Very unique art style as well.
Third Place Winners
Cosmic Corsair Shaman Etlahuac NSilverDraws
OverallJudge's Comments— DASGNOMO
Sometimes we forget our origins, our roots and our ancestors. Shaman Etlahuac, the bravest cosmic corsair eagle of all the infinite Multiverses teach us that we should always honor our blood, and we must never forget where do we come from.
The most original weapon of them all, his loyal Macuahuitl, the amount of details on his design and backstory and his path of glory blessed by Huitzilopochtli, put this amazing pirate automatically in the top tier of cosmic corsairs!
Space Pirate Ainmalig
CreativeJudge's Comments— STAFF
Spencer oozes with creativity and humor, from the fourth-wall-breaking notes on the character sheet to the unconventional weapon of an outboard motor. We also enjoyed the incorporation of traditional pirate character design in the futuristic prosthesis and "Boston" the kiwi.
Thara Cosmic Corsair playfurry
Artist PicksJudge's Comments— OHNIPS
Great composition, pose, colors and facial expression; it all comes together so nicely! Looks like the cover of a comic I'd love to read. The weapon is interesting too! Really like how you can see it in action.
Ahoy Space Plunderers!Semi-Finalists Dead Ahead
Blackbox the Cosmic Corsair Gabe-McAlpine
Black Hole Bonnie Lord-Of-The-Guns
Cosmic Corsair Branth os Nebular Venom OCC TaloSArts
Space Pirate Crimson Comet AutomaticGiraffe
Denny the Burger Pirate King TubSlab
Cosmic Corsair drazebot
Captain Esox the CosmicCorsair Pearline97
Space admiral Harkin PavelTomashevskiy
Kazoom Cosmic Corsair ibralui-art
Kien the Cosmic Kirin Captain Doukz
Laul and Eegow Cosmic Corsair Contest Entry Sheylog
Captain Marmita RodrigoICO
captain nova s approach CosmicCorsairOCC ben-artmachine
Cosmic Corsair and his Parrot ErilazArt
Cosmic Corsair Pilfering Plants KiraNowSelling
cosmic corsair by ptitvinc ptitvinc
Reckless Rheanna Cosmic Corsair Entry denn18art
Cosmic Corsair Shaman Etlahuac NSilverDraws
Cosmic Corsair Contest Space Pirate Re-Rian
Corsair Madam Silvia Lucas-Leandro
Adept of the first sin pandoraTUROK
Cosmic Corsair contest entry wonderfully-twisted
Vala the Cosmic Corsair StarSoulArt
A Pirate JuhyeCho
Zasha The Truth s Martyr Cosmic Corsair 83PISKIS
View Submissions »
Featured Artist
Ohnips Cosmic Corsair
About The Artist
Known for her dynamic compositions and engaging character expressions, ohnips is a full-time freelance artist that has worked for high-profile clients like Riot Games and the esports organization Team Liquid. In her free time, she publishes her original comic.
Three Ways to WinNine Artists Will Receive Products From Wacom
Working from the prompt, draw your original Cosmic Corsair character. Winners will be chosen in three different categories:
Artist Picks, Creative, and Overall.
1st Place (x3)
2nd Place (x3)
3rd Place (x3)
Semi-Finalists (x22)
JudgingWinners will be chosen in three categories.
Category 1: Overall
25 Semi-Finalists selected by DeviantArt staff based on the below criteria. 1st, 2nd, 3rd place selected from the Semi-Finalists by DeviantArt Community Volunteer
DasGnomo based on the same criteria.
- Relevance to Concept and Backstory
- Artistic Skill
- Overall Execution
- Originality
CATEGORY 2: CREATIVE
1st, 2nd, 3rd place selected by DeviantArt staff based on:
- Relevance to Concept and Backstory
- Outside-The-Box Thinking
- Creative Execution
- Uniqueness
CATEGORY 3: ARTIST PICKS
1st, 2nd, 3rd place selected by ohnips based on:
- Relevance to Concept and Backstory
- Composition
- Unique Expression
- Creative Clothing
- Exciting Accessories
Semi-Finalists will be announced on or about November 12, 2019. Entrants can only win in one category. Winners and semi-finalists from the Overall category are not eligible for the Creative and Artist Picks categories.
Rules
Contest Begins
October 2, 2019at 12:00:00 PM (PT - Los Angeles Time)
DeadlineOctober 31, 2019at 11:59:59 PM (PT - Los Angeles Time)
Entry Requirements
Entry must be at least 2000 pixels on its shortest side
Age RequirementAt least (13) years old as of October 2, 2019.
Please read the Official Rules for more details.
Official Rules »
Your ThoughtsAnswer in the comments:
- What comes to mind when you hear Cosmic Corsair?
- What do you focus on first when creating an original character?
- What do you feel is your greatest strength when designing characters?
- Challenge
- View Entries
- Official Rules
Twitter
bit.ly/DAOCC_CosmicCorsairW&qu… bounty of wacom products have been awarded as DeviantArt’s #OriginalCharacterChallenge reveals the winners across three unique categories! See which Cosmic Corsairs were the best Overall, showed excellent Creativity, or impressed our Featured Artist."}"/>
Facebook
www.deviantart.com/team/journa… }"/>
- 13+ International