HOME | DD

Description
body div#devskin13913736 { margin:0; } body div#devskin13913736 span.ogpreview { display:none; } body div#devskin13913736 div.gr-box { margin:0 !important; padding:0 !important; border:none !important; background:none !important; } body div#devskin13913736 i.gr1, body div#devskin13913736 i.gr1 i, body div#devskin13913736 i.gr2, body div#devskin13913736 i.gr2 i, body div#devskin13913736 i.gr3, body div#devskin13913736 .gr-top { display:none !important; } body div#devskin13913736 .gr-body { position:static; background:transparent; border:0 !important; overflow:visible; } body div#devskin13913736 .gr-body .grf-indent { margin:auto; padding:0; background:transparent; text-align:center; } body div#devskin13913736 .gr-body .gr { border:0 !important; position:static; background:none; } body div#devskin13913736 .gr-box .text { padding:0 !important; position:relative; text-align:left; background-color:black; } body div#devskin13913736 .gr-box .text br { display:none; } body div#devskin13913736 .gr-box .list { width:0; height:0; clear:both; visibility:hidden; } body div#devskin13913736 .occ3 .row { font-size:0; } body div#devskin13913736 .occ3 .row .column, body div#devskin13913736 .occ3 .row .columns { font-size:15px; line-height:1.6; } body div#devskin13913736 .occ3 .wrap { margin:0 auto; padding:0px 60px 0px 60px; max-width:1280px; text-align:center; } body div#devskin13913736 .occ3 .wrap:after, body div#devskin13913736 .occ3 .row:after { content:''; display:table; clear:both; } body div#devskin13913736 .occ3 .row { margin:0; } body div#devskin13913736 .occ3 .row.paddTop { padding-top:60px; } body div#devskin13913736 .occ3 .column, body div#devskin13913736 .occ3 .columns { padding:0 30px; display:inline-block; min-height:30px; vertical-align:top; text-align:left; width:8.0833333333%; } body div#devskin13913736 .occ3 .columns.desktop { display:inline-block; } body div#devskin13913736 .occ3 .columns.mobile { display:none; } body div#devskin13913736 .occ3 .column.text-center, body div#devskin13913736 .occ3 .columns.text-center { text-align:center; } body div#devskin13913736 .occ3 .column.text-right, body div#devskin13913736 .occ3 .columns.text-right { text-align:right; } body div#devskin13913736 .occ3 .column.mobile, body div#devskin13913736 .occ3 .columns.mobile { display:none; } body div#devskin13913736 .occ3 .column.one { width:8.0833333333%; } body div#devskin13913736 .occ3 .columns.two { width:16.4166666667%; } body div#devskin13913736 .occ3 .columns.three { width:24.75%; min-width:78px; } body div#devskin13913736 .occ3 .columns.four { width:33.0833333333%; min-width:156px; } body div#devskin13913736 .occ3 .columns.five { width:41.4166666667%; min-width:234px; } body div#devskin13913736 .occ3 .columns.six { width:49.75%; } body div#devskin13913736 .occ3 .columns.seven { width:58.0833333333%; } body div#devskin13913736 .occ3 .columns.eight { width:66.4166666667%; } body div#devskin13913736 .occ3 .columns.nine { width:74.75%; } body div#devskin13913736 .occ3 .columns.ten { width:83.0833333333%; } body div#devskin13913736 .occ3 .columns.eleven { width:91.4166666667%; } body div#devskin13913736 .occ3 .columns.twelve, body div#devskin13913736 .occ3 .columns.full { width:100%; } body div#devskin13913736 .occ3 .columns.noPaddLeft { padding-left:0; } body div#devskin13913736 .occ3 .columns.noPaddRight { padding-right:0; } body div#devskin13913736 .occ3 .columns.six, body div#devskin13913736 .occ3 .columns.seven { min-width:300px; } body div#devskin13913736 .occ3 .columns.eight, body div#devskin13913736 .occ3 .columns.nine, body div#devskin13913736 .occ3 .columns.ten, body div#devskin13913736 .occ3 .columns.eleven, body div#devskin13913736 .occ3 .columns.twelve { min-width:430px; } body div#devskin13913736 .occ3 .columns.offset-one { margin-left:8.0833333333%; } body div#devskin13913736 .occ3 .columns.offset-two { margin-left:16.4166666667%; } body div#devskin13913736 .occ3 .columns.offset-three { margin-left:24.75%; } body div#devskin13913736 .occ3 .columns.offset-four { margin-left:33.0833333333%; } body div#devskin13913736 .occ3 .columns.offset-five { margin-left:41.4166666667%; } body div#devskin13913736 .occ3 .columns.offset-six { margin-left:49.75%; } body div#devskin13913736 .occ3 .columns.offset-seven { margin-left:58.0833333333%; } body div#devskin13913736 .occ3 .columns.offset-eight { margin-left:66.4166666667%; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .occ3 .wrap { padding:0px 30px 0px 30px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .occ3 .row.paddTop { padding-top:30px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .occ3 .column, body div#devskin13913736 .occ3 .columns { padding:0 10px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .wrap { max-width:100%; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .row.paddTop { padding-top:15px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .column, body div#devskin13913736 .occ3 .columns { margin-bottom:30px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .column.desktop, body div#devskin13913736 .occ3 .columns.desktop { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .column.mobile, body div#devskin13913736 .occ3 .columns.mobile { display:block; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .columns.six, body div#devskin13913736 .occ3 .columns.seven, body div#devskin13913736 .occ3 .columns.eight, body div#devskin13913736 .occ3 .columns.nine, body div#devskin13913736 .occ3 .columns.ten, body div#devskin13913736 .occ3 .columns.eleven, body div#devskin13913736 .occ3 .columns.twelve { min-width:275px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .column, body div#devskin13913736 .occ3 .columns { width:100% !important; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .columns.bottomMargin { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 .columns.offset-one, body div#devskin13913736 .occ3 .columns.offset-two, body div#devskin13913736 .occ3 .columns.offset-three, body div#devskin13913736 .occ3 .columns.offset-four, body div#devskin13913736 .occ3 .columns.offset-five { margin-left:0%; } } body div#devskin13913736 .ogplease { display:none; } body div#devskin13913736 *, body div#devskin13913736 *:before, body div#devskin13913736 *:after { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin13913736 { background-color:#0e0d20; } body div#devskin13913736 .occ3 { margin:0 auto; padding:0; position:relative; font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:300; font-size:15px; line-height:1.6; color:#fff; background-color:#2b2c2d; min-width:700px; max-width:1700px; overflow:hidden; } body div#devskin13913736 .occ3 b, body div#devskin13913736 .occ3 strong { color:inherit; letter-spacing:0; } body div#devskin13913736 .occ3.rules-page { max-width:1080px; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .occ3 { min-width:600px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .occ3 { min-width:270px; } } body div#devskin13913736 p, body div#devskin13913736 .u-list ul, body div#devskin13913736 .u-list li { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:300; font-size:15px; line-height:1.6; } body div#devskin13913736 b, body div#devskin13913736 strong { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; font-size:15px; line-height:1.6; } @media only screen and (max-width: 1023px) { body div#devskin13913736 p, body div#devskin13913736 .u-list ul, body div#devskin13913736 .u-list li { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:300; font-size:13px; line-height:1.6; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 b, body div#devskin13913736 strong { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; font-size:13px; line-height:1.6; } } body div#devskin13913736 p { margin:0 0 15px; padding:0; } body div#devskin13913736 p:last-child { margin:0; } body div#devskin13913736 a { color:#00e59b; 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; font-size:inherit; line-height:inherit; } body div#devskin13913736 a, body div#devskin13913736 a.external, body div#devskin13913736 a.discoverytag { cursor:pointer; text-decoration:none; } body div#devskin13913736 a:hover, body div#devskin13913736 a.external:hover, body div#devskin13913736 a.discoverytag:hover { text-decoration:none; } body div#devskin13913736 a.external:after { display:none; text-decoration:none; } body div#devskin13913736 a:not(.external):not(.thumb) { font-weight:normal; } body div#devskin13913736 a:hover { text-decoration:none; } body div#devskin13913736 p a:hover { text-decoration:underline; } body div#devskin13913736 .section { width:100%; display:inline-block; position:relative; vertical-align:bottom; } body div#devskin13913736 h1, body div#devskin13913736 h2, body div#devskin13913736 h3 { margin:0; padding:0; font-weight:bold; letter-spacing:0; } body div#devskin13913736 h1 a, body div#devskin13913736 h2 a, body div#devskin13913736 h3 a { text-decoration:none; } body div#devskin13913736 h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:40px; line-height:1.2; padding-bottom:27px; } body div#devskin13913736 h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:28px; line-height:1.2; padding-bottom:15px; } body div#devskin13913736 h3 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:24px; line-height:1.2; padding-bottom:9px; } @media only screen and (max-width: 1023px) { body div#devskin13913736 h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:32px; line-height:1.2; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:24px; line-height:1.2; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 h3 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:20px; line-height:1.2; } } @media only screen and (max-width: 767px) { body div#devskin13913736 h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:28px; line-height:1.2; } } @media only screen and (max-width: 767px) { body div#devskin13913736 h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:22px; line-height:1.2; } } @media only screen and (max-width: 767px) { body div#devskin13913736 h3 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:18px; line-height:1.2; } } body div#devskin13913736 h1 span, body div#devskin13913736 h2 span, body div#devskin13913736 h3 span { display:block; } body div#devskin13913736 h1.checkers { position:relative; display:inline-block; margin:0 auto 30px; padding:0; line-height:1; } body div#devskin13913736 h1.checkers:before, body div#devskin13913736 h1.checkers:after { content:''; position:absolute; width:60px; height:100%; bottom:4px; background-size:auto 52%; background-repeat:no-repeat; } body div#devskin13913736 h1.checkers:before { left:0; transform:translate(-72px, 0); -moz-transform:translate(-72px, 0); -webkit-transform:translate(-72px, 0); -ms-transform:translate(-72px, 0); -o-transform:translate(-72px, 0); background-image:url('https://www.da-files.com/contests/2020/occ3/checkers-left.svg?v=1618307082'); background-position:bottom right; } body div#devskin13913736 h1.checkers:after { right:0; transform:translate(72px, 0); -moz-transform:translate(72px, 0); -webkit-transform:translate(72px, 0); -ms-transform:translate(72px, 0); -o-transform:translate(72px, 0); background-image:url('https://www.da-files.com/contests/2020/occ3/checkers-right.svg?v=1618307082'); background-position:bottom left; } body div#devskin13913736 .u-list ul { margin:0 0 15px 15px; padding:0; list-style:disc; } body div#devskin13913736 .u-list ul li { margin:0; padding:0 0 0 8px; } body div#devskin13913736 .u-list ul li:before { background-image:none; } body div#devskin13913736 .u-list.numbers ul { list-style:none; margin-left:0; } body div#devskin13913736 .u-list.numbers ul li { position:relative; } body div#devskin13913736 .u-list.numbers ul li:before { color:#6b7076; top:0; left:0; position:absolute; } body div#devskin13913736 .u-list.numbers ul li:nth-of-type(1):before { content:'1'; } body div#devskin13913736 .u-list.numbers ul li:nth-of-type(2):before { content:'2'; } body div#devskin13913736 .u-list.numbers ul li:nth-of-type(3):before { content:'3'; } body div#devskin13913736 a.button { margin:0 auto 15px; padding:18px 30px 18px 30px; display:inline-block; min-width:220px; font-family:'devioussans02medium',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1; letter-spacing:1px; color:#0e0d20; text-decoration:none; text-align:center; text-shadow:0 1px 0 rgba(255,255,255,0.4); 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; background:#08f188 url('https://www.da-files.com/contests/2020/occ3/bg-button2.png?v=1618307082') 40% 50% no-repeat; border:2px transparent solid; cursor:pointer; outline:0; } body div#devskin13913736 a.button:hover { color:#fff; background:#7579ff; text-shadow:none; } body div#devskin13913736 a.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#devskin13913736 a.button.disabled { opacity:.5; filter:alpha(opacity=50); _zoom:1; cursor:not-allowed; } body div#devskin13913736 a.button.disabled:hover { color:#0e0d20; background:#ffbd37; } body div#devskin13913736 a.button.outline { color:#0e0d20; text-shadow:none; background-image:none; background-color:transparent; border:2px #00e59b solid; } body div#devskin13913736 a.button.outline:hover { color:#7579ff; background:transparent; border-color:#7579ff; } @media only screen and (max-width: 1023px) { body div#devskin13913736 a.button { min-width:180px; } } body div#devskin13913736 .social-buttons { cursor:pointer; float:right; width:80px; 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#devskin13913736 .social-buttons .social { margin:15px 0; width:80px; height:20px; position:relative; float:left; line-height:20px; 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#devskin13913736 .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#devskin13913736 .social-buttons .social iframe { padding:0; width:80px !important; position:absolute !important; height:20px !important; display:inline-block !important; } body div#devskin13913736 .social-buttons .social.fb iframe { top:0 !important; left:-1px !important; } body div#devskin13913736 .social-buttons .social.twitter iframe { top:0 !important; left:10px !important; } body div#devskin13913736 .social-buttons .social.gp iframe { top:0 !important; left:22px !important; } body div#devskin13913736 .social-buttons .social .slide { text-indent:-9999em; height:20px; 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#devskin13913736 .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/2020/occ3/icons-social-light.svg?v=1618307082') 50% 50%/50px auto no-repeat; z-index:-1; } body div#devskin13913736 .social-buttons .social.fb .slide:before { background-position:50% 100%; } body div#devskin13913736 .social-buttons .social.twitter .slide:before { background-position:0% 100%; } body div#devskin13913736 .social-buttons .social.gp .slide:before { background-position:100% 100%; } body div#devskin13913736 .social-buttons .social:hover .slide { transform:translate(0, -100%); -moz-transform:translate(0, -100%); -webkit-transform:translate(0, -100%); -ms-transform:translate(0, -100%); -o-transform:translate(0, -100%); opacity:0.5; filter:alpha(opacity=50); _zoom:1; } body div#devskin13913736 .social-buttons .social:hover * { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin13913736 .navbar { position:relative; width:100%; z-index:4; padding:0; color:#fff; background:#0e0d20; } body div#devskin13913736 .navbar .columns { padding:0; } body div#devskin13913736 .navbar .columns.cobrand { padding:5px 0 0 30px; } body div#devskin13913736 .navbar img, body div#devskin13913736 .navbar .slash, body div#devskin13913736 .navbar .pipe { float:left; margin:5px 10px 0 0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } body div#devskin13913736 .navbar .logo-deviantart { height:18px; transform:translate(0, 3px); -moz-transform:translate(0, 3px); -webkit-transform:translate(0, 3px); -ms-transform:translate(0, 3px); -o-transform:translate(0, 3px); } body div#devskin13913736 .navbar .logo-partner { height:14px; 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; padding-right:5px; } body div#devskin13913736 .navbar .challenge-image { float:none; height:13px; margin:0 auto; padding:16px 0 10px 0; } body div#devskin13913736 .navbar span.slash { position:relative; display:inline-block; height:25px; width:1px; } body div#devskin13913736 .navbar span.slash:after { content:''; position:absolute; width:1px; height:100%; top:0; right:0; background:white; 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#devskin13913736 .navbar span.pipe { position:relative; display:inline-block; padding-left:5px; height:25px; width:1px; border-left:1px #3a3d40 solid; } body div#devskin13913736 .navbar .nav-column { padding:10px 0; } body div#devskin13913736 .navbar .nav ul { float:right; } body div#devskin13913736 .navbar .nav ul, body div#devskin13913736 .navbar .nav li { list-style:none; margin:0; padding:0; } body div#devskin13913736 .navbar .nav li { position:relative; display:inline-block; float:left; text-align:left; } body div#devskin13913736 .navbar .nav li:before { background-image:none; } body div#devskin13913736 .navbar .nav li a.nav-item { display:inline-block; padding:0 8px; font-weight:bold !important; color:#fff; } body div#devskin13913736 .navbar .nav li a.nav-item:hover { text-decoration:underline; color:#00e59b; } body div#devskin13913736 .navbar .nav li.social { padding-left:30px; } body div#devskin13913736 .navbar .nav li.rating span { display:inline-block; color:white; padding:0 10px 0 10px; } body div#devskin13913736 .navbar .nav li, body div#devskin13913736 .navbar .nav li a.nav-item, body div#devskin13913736 .navbar .nav .social-buttons .social, body div#devskin13913736 .navbar .nav .social-buttons .social .slide, body div#devskin13913736 .navbar .nav .rating { height:25px; line-height:25px; font-size:11px; text-transform:uppercase; letter-spacing:0; } body div#devskin13913736 .navbar .nav .social-buttons { margin:0; width:60px; } body div#devskin13913736 .navbar .nav .social-buttons .social { margin:0; width:30px; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .navbar .challenge-image { height:11px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .navbar .nav li.social { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar { text-align:center; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .columns { margin-bottom:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .columns.cobrand { width:auto !important; margin:0 auto; padding:12px 0px 0px 0px; text-align:center; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .columns { min-width:200px !important; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .mobile-wrap { display:inline-block; margin:0 auto; padding-bottom:5px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .mobile-wrap img, body div#devskin13913736 .navbar .mobile-wrap .slash { float:none; vertical-align:middle; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .mobile-wrap .logo-deviantart, body div#devskin13913736 .navbar .mobile-wrap .logo-partner { 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#devskin13913736 .navbar span.pipe { float:none; display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .block { display:block; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .challenge-image { float:none; margin:0 auto; padding:15px 0 0px 0; height:10px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .nav { text-align:center; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .nav .desktop { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .nav ul, body div#devskin13913736 .navbar .nav ul li { float:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .nav li a.nav-item { display:inline-block; padding:0 6px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .navbar .nav li.rating span { padding:0 0 0 5px; } } body div#devskin13913736 img { vertical-align:bottom; max-width:100%; } body div#devskin13913736 .image { position:relative; } body div#devskin13913736 .image>a { display:block; cursor:pointer; } body div#devskin13913736 .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:#fff; 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#devskin13913736 .image div.credit a, body div#devskin13913736 .image div.credit .name a { color:white; font-weight:300; } body div#devskin13913736 .image div.credit .avatar { float:left; width:12px; height:12px; color:transparent; display:none; } body div#devskin13913736 .image div.credit .avatar img { width:100%; height:auto; display:inline-block; } body div#devskin13913736 .image div.credit .txt { margin:0; padding:0 !important; text-align:left; } body div#devskin13913736 .image div.credit .txt .title { padding:0; text-align:left; } body div#devskin13913736 .image div.credit .txt .user-symbol { display:none; } body div#devskin13913736 .image div.credit .txt span { display:block; line-height:1; } body div#devskin13913736 .image div.credit .txt span.banned { display:inline-block; } body div#devskin13913736 .image div.credit .txt .title { display:inline-block; font-size:12px; line-height:1; color:white; border-bottom:1px transparent solid; } body div#devskin13913736 .image div.credit .txt .username { font-size:11px; line-height:1; display:inline-block; padding:0; color:white; border-bottom:1px transparent solid; } body div#devskin13913736 .image div.credit .txt .title:hover, body div#devskin13913736 .image div.credit .txt .username:hover { border-bottom-color:#1cff9f; } body div#devskin13913736 .gallery .image { margin-bottom:24px; border:8px white solid; box-shadow:0 0 10px rgba(0,0,0,0.33); -moz-box-shadow:0 0 10px rgba(0,0,0,0.33); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.33); } body div#devskin13913736 .gallery .image:hover .credit { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin13913736 .section.winners { padding:120px 0px 60px 0px; background:#fff; color:#2b2c2d; } body div#devskin13913736 .section.winners .wrap { padding:0 !important; } body div#devskin13913736 .section.winners .first-place .columns { padding:0 !important; } body div#devskin13913736 .section.winners h1, body div#devskin13913736 .section.winners h2 { color:#0e0d20; } body div#devskin13913736 .section.winners h1.main { font-size:48px; line-height:1.2; } body div#devskin13913736 .section.winners .blurb p { margin:0 auto; max-width:74ch; } body div#devskin13913736 .section.winners .row.paddTop { padding-top:18px; } body div#devskin13913736 .section.winners .first-place, body div#devskin13913736 .section.winners .second-place, body div#devskin13913736 .section.winners .third-place { padding-top:21px; } body div#devskin13913736 .section.winners p.jc { text-transform:uppercase; } body div#devskin13913736 .section.winners .winner-content { position:relative; } body div#devskin13913736 .section.winners .type { position:absolute; top:20px; right:20px; background:rgb(0, 0, 0); background:rgba(0,0,0,0.6); background-color:#7579FF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:white; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:10px; line-height:1; text-transform:uppercase; letter-spacing:1px; padding:10px 12px; } body div#devskin13913736 .section.winners .judges-comments a { color:black; } body div#devskin13913736 .section.winners .judges-comments a:hover { text-decoration:underline !important; } body div#devskin13913736 .section.winners .first-place .winner-content { transform:translate(30px, 0); -moz-transform:translate(30px, 0); -webkit-transform:translate(30px, 0); -ms-transform:translate(30px, 0); -o-transform:translate(30px, 0); z-index:2; } body div#devskin13913736 .section.winners .first-place .winner-content .image img { width:100%; } body div#devskin13913736 .section.winners .first-place .type { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:12px; line-height:1; } body div#devskin13913736 .section.winners .first-place .judges-comments.border { position:relative; border:3px black solid; padding:27px 30px 27px 90px; transform:translate(-30px, 60px); -moz-transform:translate(-30px, 60px); -webkit-transform:translate(-30px, 60px); -ms-transform:translate(-30px, 60px); -o-transform:translate(-30px, 60px); z-index:1; background:#fff url('https://www.da-files.com/contests/2020/occ3/bg-slashgradient.png?v=1618307082') no-repeat; background-size:auto 100%; background-position:right center; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .section.winners .first-place .columns { width:50% !important; min-width:200px !important; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .section.winners .first-place .judges-comments.border { padding:18px 27px 18px 84px; transform:translate(-30px, 20px); -moz-transform:translate(-30px, 20px); -webkit-transform:translate(-30px, 20px); -ms-transform:translate(-30px, 20px); -o-transform:translate(-30px, 20px); } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .section.winners .first-place .judges-comments.border p { font-size:11px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners { padding:30px 0px 30px 0px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners h1.main { font-size:38px; line-height:1.2; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners h1 { margin-bottom:10px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners .columns { margin-bottom:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners .first-place .columns { width:100% !important; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners .first-place .winner-content { 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#devskin13913736 .section.winners .first-place .judges-comments.border { padding:0; border:none; transform:translate(0, 0); -moz-transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); background:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners .first-place .judges-comments.border p { font-size:11px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners .second-place .judges-comments, body div#devskin13913736 .section.winners .third-place .judges-comments { padding-bottom:32px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners .wrap { padding:0 20px !important; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.winners .first-place .columns { padding:0 15px !important; } } body div#devskin13913736 .section.semis { padding:105px 0px 60px 0px; color:#0e0d20; background-color:#fff; } body div#devskin13913736 .section.semis h1 { margin:0 auto 30px; } body div#devskin13913736 .section.semis .blurb { padding:0px 0px 60px 0px; color:#6b7076; } body div#devskin13913736 .section.semis p.meep { margin-bottom:90px; } body div#devskin13913736 .section.semis .notice { width:100%; border-top:2px #0e0d20 solid; text-align:center; } body div#devskin13913736 .section.semis .notice p { display:inline-block; margin:0 auto; width:50%; min-width:400px; padding:20px 40px; border:2px #0e0d20 solid; font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1.5; color:#0e0d20; background-color:white; background:#fff; background: -webkit-linear-gradient(left, #fff, #ededed); background: -moz-linear-gradient(left, #fff, #ededed); background:linear-gradient(to right, #fff, #ededed); position:relative; 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#devskin13913736 .section.semis .notice p a { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1.6; color:#0e0d20; } body div#devskin13913736 .section.semis .notice p a:hover { text-decoration:underline; } body div#devskin13913736 .section.semis .buttons { padding-top:30px; } body div#devskin13913736 .section.semis .gallery .columns { padding:0px 12px 0px 12px; } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.semis .gallery .columns { margin-bottom:0; } } body div#devskin13913736 .section.semis .gallery .last { padding-bottom:30px; } body div#devskin13913736 .section.semis .row.gallery { padding-top:30px; } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.semis { padding:30px 0px 60px 0px; background-image:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.semis .row.gallery { padding-top:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.semis h1 { max-width:16ch; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.semis h1:before, body div#devskin13913736 .section.semis h1:after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.semis .blurb { padding:0px 15px 30px 15px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.semis .notice p { min-width:300px; } } body div#devskin13913736 .desktop { display:block; } body div#devskin13913736 .mobile { display:none; } @media only screen and (max-width: 767px) { body div#devskin13913736 .desktop { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .mobile { display:block; } } body div#devskin13913736 .section.tabs { text-align:center; color:#0e0d20; background-color:#fff; padding-bottom:30px; } body div#devskin13913736 .section.tabs h1 { margin-bottom:4px; } body div#devskin13913736 .section.sheet, body div#devskin13913736 .section.video-tab { border:5px #0e0d20 solid; border-width:5px 0; } body div#devskin13913736 .section.video-tab .video { position:absolute; top:50%; left:50%; width:80%; max-width:900px; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); z-index:4; border:2px #0e0d20 solid; line-height:0 !important; box-shadow:0 0 30px rgba(0,0,0,0.38); -moz-box-shadow:0 0 30px rgba(0,0,0,0.38); -webkit-box-shadow:0 0 30px rgba(0,0,0,0.38); } body div#devskin13913736 .section.video-tab .video iframe { width:100%; height:500px; vertical-align:baseline; } body div#devskin13913736 .tab-container { position:relative; color:#0e0d20; background-color:#fff; overflow:hidden; font-size:0; text-align:center; } body div#devskin13913736 .tab-container input { display:none; } body div#devskin13913736 .tab-container .tab-content { display:block; position:relative; width:100%; text-align:left; z-index:2; } body div#devskin13913736 .tab-container .tab-content>div { width:100%; padding:0px 0px 0px 0px; background-color:#fff; display:none; opacity:0; filter:alpha(opacity=0); _zoom:1; transition:display 0.3s, opacity 0.3s ease-out; -moz-transition:display 0.3s, opacity 0.3s ease-out; -webkit-transition:display 0.3s, opacity 0.3s ease-out; -ms-transition:display 0.3s, opacity 0.3s ease-out; -o-transition:display 0.3s, opacity 0.3s ease-out; } body div#devskin13913736 .tab-container input:nth-of-type(1):checked ~ .tab-content .tab-one, body div#devskin13913736 .tab-container input:nth-of-type(2):checked ~ .tab-content .tab-two, body div#devskin13913736 .tab-container input:nth-of-type(3):checked ~ .tab-content .tab-three { display:block; opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin13913736 .tab-container input.bullet+label { position:relative; text-align:center; display:inline-block; width:26%; margin:0; color:#0e0d20; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1; text-transform:uppercase; letter-spacing:1px; height:66px; line-height:66px; background-color:#ededed; border:2px #0e0d20 solid; border-width:2px 0 2px 2px; cursor:pointer; z-index:4; 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#devskin13913736 .tab-container input.bullet+label[for='tab-three'] { border-right-width:2px; } body div#devskin13913736 .tab-container input.bullet:checked+label { color:#fff; background-color:#7579ff; z-index:5; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .section.video-tab .video { max-width:600px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .section.video-tab .video iframe { width:100%; height:338px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .section.tabs { display:none; } } body div#devskin13913736 .header .navbar { position:absolute; top:0; left:0; background-color:rgb(0, 0, 8); background-color:rgba(0,0,8,0.36); } body div#devskin13913736 .header:after { content:''; position:absolute; bottom:-60px; left:0; width:100%; height:60px; border-top:5px #0e0d20 solid; border-bottom:5px #0e0d20 solid; background:white url('https://www.da-files.com/contests/2020/occ3/checkers-main.svg?v=1618307082') center center/auto 100% repeat-x; z-index:2; } body div#devskin13913736 .header .title-treatment, body div#devskin13913736 .header .blurb, body div#devskin13913736 .header .enter-by, body div#devskin13913736 .header .video { position:absolute; left:50%; transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); } body div#devskin13913736 .header .title-treatment { top:8.5%; width:70%; } body div#devskin13913736 .header .blurb { position:absolute; top:73%; width:54%; max-width:640px; padding:30px; background-color:#0e0d20; background-color:rgb(14, 13, 32); background-color:rgba(14,13,32,0.75); text-align:center; } body div#devskin13913736 .header .blurb p, body div#devskin13913736 .header .blurb p b { font-size:15px; line-height:1.5; } body div#devskin13913736 .header .blurb:after, body div#devskin13913736 .header .blurb:before { position:absolute; top:0; width:35%; height:100%; content:''; } body div#devskin13913736 .header .blurb:after { right:-35%; background:url('https://www.da-files.com/contests/2020/occ3/checkers-right-3.png?v=1618307082') left center/auto 100% no-repeat; } body div#devskin13913736 .header .blurb:before { left:-35%; background:url('https://www.da-files.com/contests/2020/occ3/checkers-left-3.png?v=1618307082') right center/auto 100% no-repeat; } body div#devskin13913736 .header .enter-by { position:absolute; top:93%; width:100%; text-align:center; } body div#devskin13913736 .header .enter-by p { display:inline-block; margin:0 auto; min-width:200px; padding:20px 30px; border:2px #0e0d20 solid; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:12px; line-height:1; text-transform:uppercase; color:#0e0d20; background-color:white; position:relative; 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#devskin13913736 .header .video { position:absolute; bottom:0; width:80%; max-width:782px; transform:translate(-50%, 54%); -moz-transform:translate(-50%, 54%); -webkit-transform:translate(-50%, 54%); -ms-transform:translate(-50%, 54%); -o-transform:translate(-50%, 54%); z-index:4; border:2px #0e0d20 solid; line-height:0 !important; box-shadow:0 0 30px rgba(0,0,0,0.38); -moz-box-shadow:0 0 30px rgba(0,0,0,0.38); -webkit-box-shadow:0 0 30px rgba(0,0,0,0.38); } body div#devskin13913736 .header .video iframe { width:100%; height:438px; vertical-align:baseline; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .header .blurb { width:74%; padding:21px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .header .blurb p, body div#devskin13913736 .header .blurb p b { font-size:13px; line-height:1.5; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .header .enter-by p { padding:16px 22px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .header .video iframe { height:300px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header { background-image:url('https://www.da-files.com/contests/2020/occ3/bg-mobile.jpg?v=1618307082'); background-repeat:no-repeat; background-size:100% auto; background-position:50% 118px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header :after { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .main-bg { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .navbar, body div#devskin13913736 .header .title-treatment, body div#devskin13913736 .header .blurb, body div#devskin13913736 .header .enter-by, body div#devskin13913736 .header .video { position:relative; top:auto; left: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); } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .navbar { background-color:#0e0d20; padding:6px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .navbar .cobrand { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .navbar .challenge-image { height:auto; width:86%; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .title-treatment { margin:24px auto 90px; width:86%; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .blurb { width:100%; max-width:100%; padding:30px 30px 120px 30px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .blurb p, body div#devskin13913736 .header .blurb p b { font-size:15px; line-height:1.5; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .blurb:after, body div#devskin13913736 .header .blurb:before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .enter-by { margin-bottom:-60px; border-top:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .enter-by p { padding:20px 30px; border:2px #0e0d20 solid; transform:translate(0, -90px); -moz-transform:translate(0, -90px); -webkit-transform:translate(0, -90px); -ms-transform:translate(0, -90px); -o-transform:translate(0, -90px); } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .video { padding-top:30px; width:100%; border:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .video iframe { height:210px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header .video:before { content:''; position:absolute; top:0; left:0; width:100%; height:30px; border-top:3px #0e0d20 solid; border-bottom:3px #0e0d20 solid; background:white url('https://www.da-files.com/contests/2020/occ3/checkers-main.svg?v=1618307082') center center/auto 100% repeat-x; z-index:2; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .header:after { display:none; } } body div#devskin13913736 .intro { padding:300px 0 0; color:#0e0d20; background:#fff; z-index:1; } body div#devskin13913736 .intro h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:50px; line-height:1.2; color:#0e0d20; } body div#devskin13913736 .intro .three-elements { width:100%; border-top:5px #0e0d20 solid; text-align:center; margin-top:120px; } body div#devskin13913736 .intro .three-elements .block { display:inline-block; width:70%; max-width:560px; margin:0 auto; padding:20px 30px; border:5px #0e0d20 solid; color:#0e0d20; background-color:white; background:#fff; background: -webkit-linear-gradient(left, #fff, #eaeaea); background: -moz-linear-gradient(left, #fff, #eaeaea); background:linear-gradient(to right, #fff, #eaeaea); position:relative; 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#devskin13913736 .intro .three-elements .block h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:20px; line-height:1.1; padding-bottom:4px; } body div#devskin13913736 .intro .three-elements .block p { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1.4; } body div#devskin13913736 .intro .three-elements .block p b { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1.4; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .intro { padding:200px 0 0; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .intro h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:40px; line-height:1.2; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .intro { padding:45px 20px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .intro .columns.text-center { text-align:left; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .intro .columns.text-center h1 { text-align:center; max-width:11ch !important; margin:0 auto; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .intro .three-elements { margin:0; border-top:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .intro .three-elements .block { 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%; text-align:left; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .intro .three-elements .block h2 { max-width:18ch; } } body div#devskin13913736 .how-to-enter { padding:0px 0px 30px 0px; color:#0e0d20; background-color:#fff; } body div#devskin13913736 .how-to-enter .columns { text-align:center; } body div#devskin13913736 .how-to-enter h1 { color:#0e0d20; margin-bottom:60px; } body div#devskin13913736 .how-to-enter img.how-icon { width:auto; height:200px; margin:0 auto 30px; } body div#devskin13913736 .how-to-enter .block { text-align:left; position:relative; transform:translate(5%, 0); -moz-transform:translate(5%, 0); -webkit-transform:translate(5%, 0); -ms-transform:translate(5%, 0); -o-transform:translate(5%, 0); } body div#devskin13913736 .how-to-enter .block b { text-transform:uppercase; } body div#devskin13913736 .how-to-enter .block:before { content:''; position:absolute; top:0; left:-20px; font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; font-size:15px; line-height:1.6; } body div#devskin13913736 .how-to-enter .block.ideate:before { content:'1.'; } body div#devskin13913736 .how-to-enter .block.make:before { content:'2.'; } body div#devskin13913736 .how-to-enter .block.submit:before { content:'3.'; } body div#devskin13913736 .how-to-enter p a.taglink { padding-left:9px; position:relative; display:inline-block; text-decoration:none; color:#0e0d20; font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; font-size:15px; line-height:1.6; } body div#devskin13913736 .how-to-enter p a.taglink:before { position:absolute; top:0; left:0; content:'#'; } body div#devskin13913736 .how-to-enter p a.taglink:hover { text-decoration:underline; } body div#devskin13913736 .how-to-enter .buttons { padding:36px 0px 36px 0px; } body div#devskin13913736 .how-to-enter .buttons .button { margin:0 5px; } body div#devskin13913736 .how-to-enter p.checkers { position:relative; display:inline-block; margin:0 auto 30px; padding:30px 30px 30px 30px; background-color:#efefef; line-height:1; } body div#devskin13913736 .how-to-enter p.checkers:before, body div#devskin13913736 .how-to-enter p.checkers:after { content:''; position:absolute; width:80px; height:100%; top:0; background-size:auto 100%; background-repeat:no-repeat; } body div#devskin13913736 .how-to-enter p.checkers:before { left:0; transform:translate(-80px, 0); -moz-transform:translate(-80px, 0); -webkit-transform:translate(-80px, 0); -ms-transform:translate(-80px, 0); -o-transform:translate(-80px, 0); background-image:url('https://www.da-files.com/contests/2020/occ3/checkers-left-light-2.svg?v=1618307082'); background-position:bottom right; } body div#devskin13913736 .how-to-enter p.checkers:after { right:0; transform:translate(80px, 0); -moz-transform:translate(80px, 0); -webkit-transform:translate(80px, 0); -ms-transform:translate(80px, 0); -o-transform:translate(80px, 0); background-image:url('https://www.da-files.com/contests/2020/occ3/checkers-right-light-2.svg?v=1618307082'); background-position:bottom left; } body div#devskin13913736 .how-to-enter p.checkers a { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; font-size:15px; line-height:1.6; color:#0e0d20; text-decoration:underline; } body div#devskin13913736 .how-to-enter p.checkers a:hover { color:#00e59b; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .how-to-enter img.how-icon { height:120px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .how-to-enter .block { padding-right:10px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .how-to-enter .block:before { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; font-size:13px; line-height:1.6; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .how-to-enter p.checkers a { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:bold; font-size:13px; line-height:1.6; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter { border-bottom:2px #0e0d20 solid; padding:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter .columns { padding:0px 30px 0px 30px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter h1.checkers { margin-bottom:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter .how-icon { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter .buttons { padding:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter .buttons .button { width:100%; margin:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter .buttons .outline { margin-bottom:10px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter p.checkers { margin-bottom:0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .how-to-enter p.checkers:before, body div#devskin13913736 .how-to-enter p.checkers:after { display:none; } } body div#devskin13913736 .example-artwork { text-align:center; color:#0e0d20; background-color:#fff; margin-top:60px; border-top:60px white solid; } body div#devskin13913736 .example-artwork .boxwrap { display:none; position:absolute; z-index:5; left:50%; transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); min-width:360px; 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; } body div#devskin13913736 .example-artwork .boxwrap:after { content:''; position:absolute; top:-12px; left:0; width:100%; height:12px; background:url('https://www.da-files.com/contests/2020/occ3/bubble-top2.png?v=1618307082') center top no-repeat; background-size:auto 12px; } body div#devskin13913736 .example-artwork .boxwrap .content { color:#0e0d20; background-color:white; border:2px #111121 solid; border-width:0 2px 2px; padding:30px; box-shadow:5px 5px 10px rgba(0,0,0,0.3); -moz-box-shadow:5px 5px 10px rgba(0,0,0,0.3); -webkit-box-shadow:5px 5px 10px rgba(0,0,0,0.3); } body div#devskin13913736 .example-artwork .rr .boxwrap { width:80%; top:31%; } body div#devskin13913736 .example-artwork .transportation .boxwrap { width:72%; top:42%; } body div#devskin13913736 .example-artwork .lucky-charm .boxwrap { width:150%; top:76%; } body div#devskin13913736 .example-artwork .special-trick .boxwrap { width:144%; top:88%; } body div#devskin13913736 .example-artwork .label:hover+div { display:block; 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; } body div#devskin13913736 .example-artwork img.bg-example { position:relative; z-index:2; } body div#devskin13913736 .example-artwork .rr, body div#devskin13913736 .example-artwork .transportation, body div#devskin13913736 .example-artwork .lucky-charm, body div#devskin13913736 .example-artwork .special-trick { min-height:300px; } body div#devskin13913736 .example-artwork h1.checkers, body div#devskin13913736 .example-artwork .rr, body div#devskin13913736 .example-artwork .transportation, body div#devskin13913736 .example-artwork .lucky-charm, body div#devskin13913736 .example-artwork .special-trick { position:absolute; z-index:4; } body div#devskin13913736 .example-artwork h1.checkers { top:42px; left:50%; transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); color:#0e0d20; } body div#devskin13913736 .example-artwork .rr { top:24%; left:16%; width:20%; } body div#devskin13913736 .example-artwork .transportation { top:18%; right:4%; } body div#devskin13913736 .example-artwork .lucky-charm { top:57%; left:56%; width:13%; } body div#devskin13913736 .example-artwork .special-trick { top:57%; right:9%; width:17%; } body div#devskin13913736 .example-artwork .lucky-charm, body div#devskin13913736 .example-artwork .special-trick { min-width:160px; } body div#devskin13913736 .example-artwork img.element-charm, body div#devskin13913736 .example-artwork img.element-trick { clear:both; padding:30px; } body div#devskin13913736 .example-artwork .label { display:inline-block; margin:0 auto; padding:14px; background-color:#fff; border:2px #0e0d20 solid; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1; text-transform:uppercase; letter-spacing:1px; text-align:center; min-width:160px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; z-index:4; position:relative; cursor:pointer; } body div#devskin13913736 .example-artwork .label:hover { color:white; background-color:black; } body div#devskin13913736 .example-artwork .transportation { width:48%; height:38%; background:url('https://www.da-files.com/contests/2020/occ3/bg-element-transportation.png?v=1618307082') left 70px no-repeat; background-size:200%; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork h1.checkers { top:9px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .label { padding:10px; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1; min-width:140px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .lucky-charm { top:57%; left:54%; width:12%; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .special-trick { top:57%; right:8%; width:15%; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .lucky-charm, body div#devskin13913736 .example-artwork .special-trick { min-width:140px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork img.element-charm, body div#devskin13913736 .example-artwork img.element-trick { padding:20px 30px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .rr, body div#devskin13913736 .example-artwork .transportation, body div#devskin13913736 .example-artwork .lucky-charm, body div#devskin13913736 .example-artwork .special-trick { min-height:200px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .rr .boxwrap { top:36%; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .boxwrap { min-width:330px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .boxwrap .content { padding:24px; } } @media only screen and (max-width: 1023px) { body div#devskin13913736 .example-artwork .boxwrap .content p { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1.5; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork { margin-top:0; padding:30px 30px 60px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .bg-example { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork h1.checkers, body div#devskin13913736 .example-artwork .rr, body div#devskin13913736 .example-artwork .transportation, body div#devskin13913736 .example-artwork .lucky-charm, body div#devskin13913736 .example-artwork .special-trick { position:relative; top:auto; left:auto; right:auto; bottom:auto; min-height: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); } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .transportation .boxwrap { top:30%; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .lucky-charm .boxwrap { top:36%; width:100%; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .special-trick .boxwrap { top:30%; width:100%; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .rr, body div#devskin13913736 .example-artwork .transportation, body div#devskin13913736 .example-artwork .lucky-charm, body div#devskin13913736 .example-artwork .special-trick, body div#devskin13913736 .example-artwork .boxwrap { width:100%; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .transportation, body div#devskin13913736 .example-artwork .lucky-charm, body div#devskin13913736 .example-artwork .special-trick { margin-top:30px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .example-bike { padding:20px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .lucky-charm img, body div#devskin13913736 .example-artwork .special-trick img { width:60%; display:block; margin:0 auto; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .example-artwork .transportation { background:none; } } body div#devskin13913736 .featured { position:relative; border:5px #0e0d20 solid; border-width:5px 0; } body div#devskin13913736 .featured:after { content:''; z-index:2; position:absolute; bottom:0; left:0; width:100%; height:26%; background:rgb(0, 0, 0); background:rgba(0,0,0,0); background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.36)); background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.36)); background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.36)); } body div#devskin13913736 .featured .art-featured { display:block; position:relative; z-index:1; } body div#devskin13913736 .featured .art-featured img { width:100%; } body div#devskin13913736 .featured .heading, body div#devskin13913736 .featured .artist-info, body div#devskin13913736 .featured .about { position:absolute; z-index:3; } body div#devskin13913736 .featured .heading { top:0; left:50%; transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); padding:12px 39px 18px 39px; border:5px #0e0d20 solid; color:white; background:#7579ff; text-align:center; } body div#devskin13913736 .featured .heading h2 { color:white; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:34px; line-height:1.2; padding-bottom:1px; } body div#devskin13913736 .featured .heading span { display:inline-block; text-transform:uppercase; } body div#devskin13913736 .featured .artist-info { bottom:30px; left:30px; width:50%; } body div#devskin13913736 .featured .artist-info .avatar, body div#devskin13913736 .featured .artist-info .info { display:inline-block; } body div#devskin13913736 .featured .artist-info .avatar { width:50px; border:2px white solid; margin-right:20px; vertical-align:top; } body div#devskin13913736 .featured .artist-info span { display:block; } body div#devskin13913736 .featured .artist-info a, body div#devskin13913736 .featured .artist-info a:hover { color:white; } body div#devskin13913736 .featured .artist-info a:hover { text-decoration:underline; } body div#devskin13913736 .featured .artist-info .info { transform:translate(0, 5px); -moz-transform:translate(0, 5px); -webkit-transform:translate(0, 5px); -ms-transform:translate(0, 5px); -o-transform:translate(0, 5px); } body div#devskin13913736 .featured .artist-info .art-title { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:16px; line-height:1.2; text-transform:uppercase; } body div#devskin13913736 .featured .artist-info .username { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1.2; } body div#devskin13913736 .featured .about { width:32%; max-width:380px; min-width:240px; right:30px; bottom:30px; color:#0e0d20; border:2px #0e0d20 solid; background:white; padding:22.8px; } body div#devskin13913736 .featured .about h3 { text-transform:uppercase; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1.2; padding-bottom:5px; } body div#devskin13913736 .featured .about p { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:12px; line-height:1.5; } body div#devskin13913736 .featured .about a, body div#devskin13913736 .featured .about a:hover { color:#0e0d20; } body div#devskin13913736 .featured .about a:hover { text-decoration:underline; } @media only screen and (max-width: 767px) { body div#devskin13913736 .featured .heading { width:70%; padding:9px 30px 9px 30px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .featured .heading h2 { color:white; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:24px; line-height:1.2; padding-bottom:1px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .featured .artist-info { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .featured .about { position:relative; top:auto; left:auto; right:auto; bottom: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%; max-width:100%; border:none; color:#fff; background-color:#7579ff; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .featured .about h3 { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .featured .about a, body div#devskin13913736 .featured .about a:hover { color:#fff; } } body div#devskin13913736 .prizing { padding:60px 0px 90px 0px; color:#0e0d20; background-color:#fff; } body div#devskin13913736 .prizing h1 { margin-bottom:20px; color:#0e0d20; } body div#devskin13913736 .prizing h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:20px; line-height:1.5; color:#838592; padding-bottom:4px; } body div#devskin13913736 .prizing p.first { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1.5; max-width:60ch; margin:0 auto; } body div#devskin13913736 .prizing h3 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:20px; line-height:1.5; color:#7579ff; text-transform:uppercase; } body div#devskin13913736 .prizing h3 span { display:inline-block; } body div#devskin13913736 .prizing a { color:#0e0d20; text-decoration:underline; } body div#devskin13913736 .prizing .columns { text-align:center; } body div#devskin13913736 .prizing .columns.first { text-align:left; } body div#devskin13913736 .prizing .block { display:block; margin:0 auto; max-width:270px; text-align:center; border:2px black solid; } body div#devskin13913736 .prizing .block h3 { padding:20px 16px 10px; } body div#devskin13913736 .prizing .block .values { padding:10px 10px 20px; background-color:black; } body div#devskin13913736 .prizing .block .value-title { text-transform:uppercase; color:#00e59b; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1.2; } body div#devskin13913736 .prizing .block .value-number { color:#fff; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:34px; line-height:1.2; } body div#devskin13913736 .prizing .firstplace .block { transform:translate(18%, 30%); -moz-transform:translate(18%, 30%); -webkit-transform:translate(18%, 30%); -ms-transform:translate(18%, 30%); -o-transform:translate(18%, 30%); } body div#devskin13913736 .prizing .row.divider { padding-top:60px; margin-top:60px; border-top:2px #e4e6e7 solid; } body div#devskin13913736 .prizing .secondplace img, body div#devskin13913736 .prizing .thirdplace img { display:inline-block; width:auto !important; max-height:270px; margin:0 auto; padding:0 0 30px; transform:translate(10px, 0); -moz-transform:translate(10px, 0); -webkit-transform:translate(10px, 0); -ms-transform:translate(10px, 0); -o-transform:translate(10px, 0); } body div#devskin13913736 .prizing .u-list ul { list-style:none; } body div#devskin13913736 .prizing .u-list ul, body div#devskin13913736 .prizing .u-list ul li { margin-left:0; padding-left:0; } body div#devskin13913736 .prizing .semi-finalists-block { position:relative; z-index:4; display:inline-block; margin:30px auto 0; padding:18px 36px 18px 120px; text-align:left; color:#0e0d20; background:#fff url('https://www.da-files.com/contests/2020/occ3/bg-core.png?v=1618307082') 20px 50%/80px auto no-repeat; border:1px #c4c7ca solid; } body div#devskin13913736 .prizing .semi-finalists-block .title { margin:0; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:28px; line-height:1.5; color:#7579ff; } body div#devskin13913736 .prizing .semi-finalists-block .sub-title { margin:0; padding:3px 0 0; color:#0e0d20; } body div#devskin13913736 .prizing .semi-finalists-block .sub-title, body div#devskin13913736 .prizing .semi-finalists-block .sub-title b { font-size:16px; line-height:1.2; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .prizing .firstplace .block { transform:translate(0%, 16%); -moz-transform:translate(0%, 16%); -webkit-transform:translate(0%, 16%); -ms-transform:translate(0%, 16%); -o-transform:translate(0%, 16%); } } @media only screen and (max-width: 767px) { body div#devskin13913736 .prizing { padding:30px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .prizing .block-firstplace { padding:0; } } body div#devskin13913736 .prizing .semi-finalists-block b { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:18px; line-height:1; } body div#devskin13913736 .prizing .semi-finalists-block span { display:block; padding-top:3px; font-family:'devioussans02medium',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:12px; line-height:1; } body div#devskin13913736 .prizing .semi-finalists-block .bg { padding:20px 20px 20px 80px; background-size:40px; background-position:20px 50%; } body div#devskin13913736 .judging-and-rules { padding:60px 0px 60px 0px; color:#fff; background:#22272b; background: -webkit-linear-gradient(top, #22272b, #06070d); background: -moz-linear-gradient(top, #22272b, #06070d); background:linear-gradient(to bottom, #22272b, #06070d); } body div#devskin13913736 .judging-and-rules h1.checkers:before { background-image:url('https://www.da-files.com/contests/2020/occ3/checkers-left-light.svg?v=1618307082'); } body div#devskin13913736 .judging-and-rules h1.checkers:after { background-image:url('https://www.da-files.com/contests/2020/occ3/checkers-right-light.svg?v=1618307082'); } body div#devskin13913736 .judging-and-rules .columns { z-index:2; position:relative; } body div#devskin13913736 .judging-and-rules h1 { color:#fff; margin-bottom:30px; } body div#devskin13913736 .judging-and-rules h2 { color:#b1b1b9; padding-bottom:45px; } body div#devskin13913736 .judging-and-rules h3 { color:#7579ff; text-transform:uppercase; font-size:18px; } body div#devskin13913736 .judging-and-rules p a, body div#devskin13913736 .judging-and-rules ul a { text-decoration:underline; color:#fff; } body div#devskin13913736 .judging-and-rules p a:hover, body div#devskin13913736 .judging-and-rules ul a:hover { color:#00e59b; } body div#devskin13913736 .judging-and-rules .divider { padding:30px; margin:45px auto 0; background-color:#161a1f; text-align:center; width:80%; position:relative; } body div#devskin13913736 .judging-and-rules .divider p, body div#devskin13913736 .judging-and-rules .divider p b { font-size:15px; line-height:1.5; } body div#devskin13913736 .judging-and-rules .divider:after, body div#devskin13913736 .judging-and-rules .divider:before { position:absolute; top:0; width:35%; height:100%; content:''; } body div#devskin13913736 .judging-and-rules .divider:after { right:-35%; background:url('https://www.da-files.com/contests/2020/occ3/checkers-right-2.svg?v=1618307082') left center/auto 100% no-repeat; } body div#devskin13913736 .judging-and-rules .divider:before { left:-35%; background:url('https://www.da-files.com/contests/2020/occ3/checkers-left-2.svg?v=1618307082') right center/auto 100% no-repeat; } body div#devskin13913736 .judging-and-rules .rules-notice { padding:30px 30px 30px 30px; background-color:#161a1f; } body div#devskin13913736 .judging-and-rules .rules-notice p { font-size:12px; line-height:1.6; font-style:italic; } body div#devskin13913736 .judging-and-rules .rules-notice .button { width:100%; min-width:120px; color:#fff; } body div#devskin13913736 .judging-and-rules .rules-notice .button.purple { background:#7579ff url('https://www.da-files.com/contests/2020/occ3/bg-button3.png?v=1618307082') 53% 50% no-repeat; } body div#devskin13913736 .judging-and-rules .rules-notice .button.outline { border-color:#7579ff; } body div#devskin13913736 .judging-and-rules .rules-notice .button:hover { color:#0e0d20; background:#fff; border-color:#fff; } body div#devskin13913736 .judging-and-rules .rules-notice .button:last-child { margin-bottom:0; } body div#devskin13913736 .judging-and-rules .buttons { padding:36px 0px 36px 0px; } body div#devskin13913736 .judging-and-rules .buttons .button { margin:0 5px; } body div#devskin13913736 .judging-and-rules .buttons .button.outline { color:white; } body div#devskin13913736 .judging-and-rules .buttons .button.outline:hover { color:#7579ff; } @media only screen and (max-width: 1023px) { body div#devskin13913736 .judging-and-rules .button { padding:16px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .judging-and-rules { padding:30px 20px 0; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .judging-and-rules .columns { margin-bottom:5px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .judging-and-rules .row.paddTop { padding-top:30px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .judging-and-rules .divider { padding:30px; margin:0 auto 0; width:100%; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .judging-and-rules .divider:after, body div#devskin13913736 .judging-and-rules .divider:before { display:none; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .judging-and-rules .rules-notice { margin-top:30px; } } @media only screen and (max-width: 767px) { body div#devskin13913736 .judging-and-rules .buttons .button { margin:0 0 10px; width:100%; } } body div#devskin13913736 .your-thoughts { padding:60px 0px 120px 0px; color:#0e0d20; background-color:#fff; } body div#devskin13913736 .your-thoughts:after { content:''; position:absolute; bottom:0; left:0; width:100%; height:60px; border-top:5px #0e0d20 solid; border-bottom:5px #0e0d20 solid; background:white url('https://www.da-files.com/contests/2020/occ3/checkers-main.svg?v=1618307082') center center/auto 100% repeat-x; z-index:2; } body div#devskin13913736 .your-thoughts h1 { color:#0e0d20; } body div#devskin13913736 .your-thoughts h3 { color:#838592; } body div#devskin13913736 .your-thoughts .cobrand { display:inline-block; margin:0 auto; padding-top:42px; } body div#devskin13913736 .your-thoughts .cobrand img, body div#devskin13913736 .your-thoughts .cobrand .slash { float:left; margin:0 1rem 0 0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } body div#devskin13913736 .your-thoughts .cobrand .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); } body div#devskin13913736 .your-thoughts .cobrand .logo-partner { width:90px; transform:translate(0, 3px); -moz-transform:translate(0, 3px); -webkit-transform:translate(0, 3px); -ms-transform:translate(0, 3px); -o-transform:translate(0, 3px); padding-left:5px; } body div#devskin13913736 .your-thoughts .cobrand span.slash { position:relative; display:inline-block; height:21px; width:1px; } body div#devskin13913736 .your-thoughts .cobrand span.slash:after { content:''; position:absolute; width:1px; height:100%; top:0; right:0; background:rgb(0, 0, 0); background:rgba(0,0,0,0.6); 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#devskin13913736 .rules-page .header { padding:30px 0px 30px 0px; margin-bottom:60px; } body div#devskin13913736 .rules-page .header .title-treatment { transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); position:relative; top:auto; left:auto; width:50%; max-width:400px; margin:0 auto; } body div#devskin13913736 .section.rules { padding:60px 0px 30px 0px; } body div#devskin13913736 .section.rules h1 { font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif; font-weight:400; font-size:30pxpx; line-height:1.3; } body div#devskin13913736 .section.rules ul, body div#devskin13913736 .section.rules ol { margin:0 0 0 15px; padding:0; } body div#devskin13913736 .section.rules .u-list ul, body div#devskin13913736 .section.rules .u-list ol { list-style:none; margin:0 0 0 15px; padding:0; } body div#devskin13913736 .section.rules .u-list ul li, body div#devskin13913736 .section.rules .u-list ol li { margin:0; padding:0px 0px 30px 30px; position:relative; } body div#devskin13913736 .section.rules .u-list ul li:before, body div#devskin13913736 .section.rules .u-list ol li:before { content:''; color:#fff; font-weight:bold; top:8px; left:0; position:absolute; width:4px; height:4px; background-color:#fff; } body div#devskin13913736 .section.rules .u-list.numbers { padding-top:30px; } body div#devskin13913736 .section.rules .content-block { padding-bottom:12px; } body div#devskin13913736 .section.rules .u-list.numbers ul { list-style:none; margin-left:0; } body div#devskin13913736 .section.rules .u-list.numbers ul li { position:relative; } body div#devskin13913736 .section.rules .u-list.numbers ul li:before { color:#fff; top:0; left:0; position:absolute; width:auto; height:auto; background-color:transparent; } body div#devskin13913736 .section.rules .u-list.numbers ul li li, body div#devskin13913736 .section.rules .u-list.numbers ul li li:before { color:#fff; } body div#devskin13913736 .section.rules .u-list.numbers ul li li span { display:block; } body div#devskin13913736 .section.rules .u-list.numbers ul li li span, body div#devskin13913736 .section.rules .u-list.numbers ul li li p { color:#fff; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(1):before { content:'1.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(2):before { content:'2.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(3):before { content:'3.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(4):before { content:'4.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(5):before { content:'5.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(6):before { content:'6.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(7):before { content:'7.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(8):before { content:'8.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(9):before { content:'9.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(10):before { content:'10.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(11):before { content:'11.'; } body div#devskin13913736 .section.rules .u-list.numbers ul li:nth-of-type(12):before { content:'12.'; } body div#devskin13913736 .section.rules .o-list ol, body div#devskin13913736 .section.rules .u-list.numbers ul .o-list ol { margin:0 0 0 15px; list-style-type:lower-alpha; } body div#devskin13913736 .section.rules .o-list ol ol, body div#devskin13913736 .section.rules .u-list.numbers ul .o-list ol ol { list-style-type:lower-roman; } body div#devskin13913736 .section.rules .o-list ol li, body div#devskin13913736 .section.rules .u-list.numbers ul .o-list ol li { padding:0px 0px 9px 7.5px; } body div#devskin13913736 .section.rules .o-list ol li p, body div#devskin13913736 .section.rules .u-list.numbers ul .o-list ol li p { color:#fff; } body div#devskin13913736 .section.rules .o-list ol li:before, body div#devskin13913736 .section.rules .u-list.numbers ul .o-list ol li:before { content:''; background:none; color:#fff; } body div#devskin13913736 .section.rules .u-list .u-list.numbers { padding:0 0 20px; } body div#devskin13913736 .section.rules .u-list .u-list ul li, body div#devskin13913736 .section.rules .u-list .u-list ol li { padding-bottom:0; } body div#devskin13913736 .section.rules .o-list.special { padding-top:6px; margin-left:33px; } body div#devskin13913736 .section.rules .o-list.special ol li { padding-bottom:0 !important; } body div#devskin13913736 .section.rules ul, body div#devskin13913736 .section.rules ol, body div#devskin13913736 .section.rules .columns p { line-height:1.3; } body div#devskin13913736 .section.rules p:not(:last-of-type) { margin-bottom:1rem; } body div#devskin13913736 .section.rules b { font-weight:600; } body div#devskin13913736 .section.rules .rules-subtitle { font-weight:600; color:#fff; padding:0 0 12px; display:inline-block; } body div#devskin13913736 .section.rules .button { margin:22px 0 0; } body div#devskin13913736 .section.rules .notice-list { padding:0 0 12px; } body div#devskin13913736 .bottom { display:none; }

The winners of the newest Original Character Challenge are in! See which Radical Racers were the best Overall, showed excellent Creativity, or impressed our Featured Artist. Congratulations to all the winners on their new Wacom products! #RadicalRacerOCC

Twitter

Facebook

13+ International

:icon: @

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 Closed

Winners Cross the Finish Line
Cool competitors of all styles captured the attention of the DeviantArt community for our Radical Racer Original Character Challenge. The amount of imagination and talent displayed was incredible, but these nine are taking home the prizes. Congratulations to our winners and a huge thank you to everybody who participated in our third Original Character Challenge.

First Place

Radical Racers - Riley Roadblock TreyBarksArt

Overall Skill

Judge's Comments
Vintage and sci-fi components enhance the creative motorcycle-and-tank blend, which, like Riley Roadblock's spike-adorned clothing and road rage attitude, fits the mean streets. The colors strongly invoke the outland aesthetic through the sharp, crisp artwork, with the action scene expanding the incredible concept.
- TsaoShin

RadicalRacer DGdavis

Creative Execution

Judge's Comments
I can imagine watching this original character in his own Saturday morning cartoon. Seeing the tiny "Danger Baby" in the large (and very cool) car filled with toys and gadgets is hilarious. The attention to detail, concept, and execution should all be celebrated.
- DeviantArt Staff

Radical Racer - Nanase Konkonchiki

Artist's Choice

Judge's Comments
I love everything about this design; the linework, the color, the restrained shading, and especially how cohesively all these elements work together. How the artist managed to make a lobster look fast is masterful! The subtle Ukiyo-e flavor to the piece is icing on this cake.
- JakeParker

Second Place

Radical Racer - The Hammors! alben

Overall Skill

Judge's Comments
This pint-sized racer packs a punch with a cleverly designed vehicle that can transform and travel in two ways. It's easy to imagine this detailed concept in action, especially with the beautiful dusky color evoking a barren desert lit by a setting sun.
- TsaoShin

Tivona - Radical Racer TrashcanRanger

Creative Execution

Judge's Comments
The idea of using a paint brush to create the vehicle of your choice is a really fun approach that allows for so much flexibility in the story. The brush itself is beautifully crafted, and the use of Chinese characters to create the animals is a nice touch.
- DeviantArt Staff

Sprig Sprouts - Radical Racer Chelsea-Trousdale

Artist's Choice

Judge's Comments
This looks like it could be the next hit animated show. I love the creativity on display here and did not expect to see a veggie-racer in the running. Sprig’s design is perfectly proportioned for maximum cuteness. The zesty linework plays well against the bright popping colors.
- JakeParker

Third Place

Radical Racer - Lenna and 8Ball sinlaire

Overall Skill

Judge's Comments
A strong character and vehicle design makes me want to know even more about the exciting concept. The unique gladiator vehicle allows the special move to act as both offense and defense, demonstrated in the amazing action scene showing it acting as a wrecking ball taking out opponents.
- TsaoShin

Zhuill and The Oblivion Chanter emilvaldivia

Creative Execution

Judge's Comments
The attention to detail extends beyond the character to every element within the design, including the traditional watercolors used. The visual story presented to the viewers is so engaging and interesting! From the lucky charm to the special trick, there's no shortage of fun and creativity with Zhuill.
- DeviantArt Staff

Radical Racer OCC - Fairy Racer Natrix gimbo-gp

Artist's Choice

Judge's Comments
A league of racing fairies who pilot fast insects is such a unique idea; it ignites my imagination. The rendering is distinctive in its softness, which underpins the delicate nature of the fairy and her invertebrate steed. Each design element reinforces the concept of speed and racing.
- JakeParker

Semi-Finalists: Overall Skill

Radical Racer - Lenna and 8Ball sinlaire

Pink Demon - RadicalRacer OOC playfurry

Radical Racer - The Hammors! alben

Radical Racers - Riley Roadblock TreyBarksArt

Radical Racer Kahel bluwish

RadicalRacerOCC - Craig Bruyn Craigbruynart

Radical Racer reportgg

Lord Horace Powers matchesmalone899

Radical Racer_REINA_ TICK ACSM 2-TICK-0

I Nova 1 Radical Racer Van-Garret

Radical Racer Pigi Pigeon takmaj

Radical Racer OCC - Andres Ibara jairaillustrations

Nahuatl, the Race of Kings Grafik

Smith Frog2 AtomMK

RadicalRacerOCC Sandy Boy shnjkkr

Occ Newtone69

Radical Racer Trish Daymonica

Radical Racer - Sue SkywardWay

Radical Racer: The great mad locust thiagocunhabr

Denver The Bear: Actionwagon slippyninja

LEON radical racer final entry kimiquecal

Oloka, Winter Atomic Dog MoroenVarjo

RADICAL RACER CONTEST- Damian RadicalRacerOCC andyquiroga

My Radical Racer entry. ClarenceBatemanArt

Radical Racer - Betty Boomer SnorPixel

View All Submissions

Featured Artwork

Radical Racer JakeParker

About The Artist
Jake Parker is a New York Times Best Selling illustrator who has worked on both books and comics, as well films for Blue Sky Studios and Fox Animation. He also works as an online instructor to teach others how to become professional illustrators, and in 2009, he started the popular art challenge Inktober.

Jake ParkerFeatured Artist

Radical Racer JakeParker

About The Artist
Jake Parker is a New York Times Best Selling illustrator who has worked on both books and comics, as well films for Blue Sky Studios and Fox Animation. He also works as an online instructor to teach others how to become professional illustrators, and in 2009, he started the popular art challenge Inktober.

Example Artwork

Radical Racer

Cesar is a third generation driver – more comfortable on a cycle than he is in a conversation. On the most dangerous track in the Titan League, the track that killed his father, Cesar races not to win... but to survive.

Transportation

The Titan Class Cycle is the largest, most powerful, and hardest to pilot of all racing cycles. Built around a colossal engine to tackle the harshest terrain, piloting a Titan is like riding a bull that's strapped to a rocket.

Lucky Charm

Cesar wears the ring of his late father around his neck for good luck. His father wore the ring for every race of his career, except for his final race that killed him.

Special Trick

Titan League Racing only has one rule: no explosives. Cesar has experimented with several tricks to gain an advantage. His favorite is the gumball; a heavy ball with extremely sticky pads that brings a Titan's tires to a violent halt.

Prizes9 Winners Across 3 Categories Will Win Wacom Products!
Working from the prompt, draw your original Radical Racer character. Winners will be chosen in three different categories.

First Place (x3)

Wacom Cintiq 22 with Pro Pen 2
1-Year Core Membership
8,000 DeviantArt Points

$1,349.95

Total Prize Value

Second Place (x3)

Wacom One Creative Pen Display
1-Year Core Membership
6,000 DeviantArt Points

$524.95

Total Prize Value

Third Place (x3)

Wacom Intuos Medium BT
1-Year Core Membership
4,000 DeviantArt Points

$299.95

Total Prize Value

Semi-Finalists (x22)
1-Year Core Membership

JudgingWinners will be chosen in three categories.

Category 1:Overall Skill
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
TsaoShin based on the same criteria.

Relevance to Concept and Prompt
Artistic Skill
Overall Execution
Originality

Category 2: Creative Execution
1st, 2nd, 3rd selected by DeviantArt staff based from the pool of all eligible entries (excluding Semi-Finalists):

Relevance to Concept and Prompt
Outside-the-box Thinking
Creative Execution
Uniqueness

CATEGORY 3: Artist's Choice
1st, 2nd, 3rd selected by JakeParker based from the pool of all eligible entries (excluding Semi-Finalists):

Relevance to Concept and Prompt
Line Work
Dynamic Poses
Shape Language
Creative Clothing

Congratulations to our first, second, and third place winners! Thank you to everyone who participated in the Original Character Challenge.

Rules & FAQ

Contest Begins
June 24, 2020 at 12:00:00 PM PT
Deadline
July 22, 2020 at 11:59:59 PM PT

Age Requirement
At least 13 years old as of June 24, 2020.

Please read the Official Rules for more details.
Official Rules View FAQ

View All Submissions

Your Thoughts
Answer in the comments below:
1. What would inspire you to race around the world?
2. Where would you stop along the way?
3. What helps you most during your creative process?