Description
body div#devskin13907380 {
margin:0;
}
body div#devskin13907380 span.ogpreview {
display:none;
}
body div#devskin13907380 div.gr-box {
margin:0 !important;
padding:0 !important;
border:none !important;
background:none !important;
}
body div#devskin13907380 i.gr1, body div#devskin13907380 i.gr1 i, body div#devskin13907380 i.gr2, body div#devskin13907380 i.gr2 i, body div#devskin13907380 i.gr3, body div#devskin13907380 .gr-top {
display:none !important;
}
body div#devskin13907380 .gr-body {
position:static;
background:transparent;
border:0 !important;
overflow:visible;
}
body div#devskin13907380 .gr-body .grf-indent {
margin:auto;
padding:0;
background:transparent;
text-align:center;
}
body div#devskin13907380 .gr-body .gr {
border:0 !important;
position:static;
background:none;
}
body div#devskin13907380 .gr-box .text {
padding:0 !important;
position:relative;
text-align:left;
background-color:black;
}
body div#devskin13907380 .gr-box .text br {
display:none;
}
body div#devskin13907380 .gr-box .list {
width:0;
height:0;
clear:both;
visibility:hidden;
}
body div#devskin13907380 .withlove .row {
font-size:0;
}
body div#devskin13907380 .withlove .row .column, body div#devskin13907380 .withlove .row .columns {
font-size:14px;
line-height:1.5;
}
body div#devskin13907380 .withlove .wrap {
margin:0 auto;
padding:0px 60px 0px 60px;
max-width:1280px;
text-align:center;
}
body div#devskin13907380 .withlove .wrap:after, body div#devskin13907380 .withlove .row:after {
content:'';
display:table;
clear:both;
}
body div#devskin13907380 .withlove .row {
margin:0;
}
body div#devskin13907380 .withlove .row.paddTop {
padding-top:60px;
}
body div#devskin13907380 .withlove .column, body div#devskin13907380 .withlove .columns {
padding:0 30px;
display:inline-block;
min-height:30px;
vertical-align:top;
text-align:left;
width:8.0833333333%;
}
body div#devskin13907380 .withlove .column.text-center, body div#devskin13907380 .withlove .columns.text-center {
text-align:center;
}
body div#devskin13907380 .withlove .column.text-right, body div#devskin13907380 .withlove .columns.text-right {
text-align:right;
}
body div#devskin13907380 .withlove .column.mobile, body div#devskin13907380 .withlove .columns.mobile {
display:none;
}
body div#devskin13907380 .withlove .column.one {
width:8.0833333333%;
}
body div#devskin13907380 .withlove .columns.two {
width:16.4166666667%;
}
body div#devskin13907380 .withlove .columns.three {
width:24.75%;
min-width:76px;
}
body div#devskin13907380 .withlove .columns.four {
width:33.0833333333%;
min-width:146px;
}
body div#devskin13907380 .withlove .columns.five {
width:41.4166666667%;
min-width:232px;
}
body div#devskin13907380 .withlove .columns.six {
width:49.75%;
}
body div#devskin13907380 .withlove .columns.seven {
width:58.0833333333%;
}
body div#devskin13907380 .withlove .columns.eight {
width:66.4166666667%;
}
body div#devskin13907380 .withlove .columns.nine {
width:74.75%;
}
body div#devskin13907380 .withlove .columns.ten {
width:83.0833333333%;
}
body div#devskin13907380 .withlove .columns.eleven {
width:91.4166666667%;
}
body div#devskin13907380 .withlove .columns.twelve, body div#devskin13907380 .withlove .columns.full {
width:100%;
}
body div#devskin13907380 .withlove .columns.noPaddLeft {
padding-left:0;
}
body div#devskin13907380 .withlove .columns.noPaddRight {
padding-right:0;
}
body div#devskin13907380 .withlove .columns.six, body div#devskin13907380 .withlove .columns.seven {
min-width:300px;
}
body div#devskin13907380 .withlove .columns.eight, body div#devskin13907380 .withlove .columns.nine, body div#devskin13907380 .withlove .columns.ten, body div#devskin13907380 .withlove .columns.eleven, body div#devskin13907380 .withlove .columns.twelve {
min-width:320px;
}
body div#devskin13907380 .withlove .columns.offset-one {
margin-left:8.0833333333%;
}
body div#devskin13907380 .withlove .columns.offset-two {
margin-left:16.4166666667%;
}
body div#devskin13907380 .withlove .columns.offset-three {
margin-left:24.75%;
}
body div#devskin13907380 .withlove .columns.offset-four {
margin-left:33.0833333333%;
}
body div#devskin13907380 .withlove .columns.offset-five {
margin-left:41.4166666667%;
}
body div#devskin13907380 .withlove .columns.offset-six {
margin-left:49.75%;
}
body div#devskin13907380 .withlove .columns.offset-seven {
margin-left:58.0833333333%;
}
body div#devskin13907380 .withlove .columns.offset-eight {
margin-left:66.4166666667%;
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .withlove .wrap {
padding:0px 30px 0px 30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .withlove .row.paddTop {
padding-top:30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .withlove .column, body div#devskin13907380 .withlove .columns {
padding:0 10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .wrap {
max-width:100%;
padding:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .row.paddTop {
padding-top:15px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .column, body div#devskin13907380 .withlove .columns {
margin-bottom:30px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .column.desktop, body div#devskin13907380 .withlove .columns.desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .column.mobile, body div#devskin13907380 .withlove .columns.mobile {
display:block;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .columns.six, body div#devskin13907380 .withlove .columns.seven, body div#devskin13907380 .withlove .columns.eight, body div#devskin13907380 .withlove .columns.nine, body div#devskin13907380 .withlove .columns.ten, body div#devskin13907380 .withlove .columns.eleven, body div#devskin13907380 .withlove .columns.twelve {
min-width:275px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .column, body div#devskin13907380 .withlove .columns {
width:100% !important;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .columns.bottomMargin {
padding:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove .columns.offset-one, body div#devskin13907380 .withlove .columns.offset-two, body div#devskin13907380 .withlove .columns.offset-three, body div#devskin13907380 .withlove .columns.offset-four, body div#devskin13907380 .withlove .columns.offset-five {
margin-left:0%;
}
}
body div#devskin13907380 .ogplease {
display:none;
}
body div#devskin13907380 *, body div#devskin13907380 *:before, body div#devskin13907380 *:after {
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
body div#devskin13907380 {
background-color:#0e0d20;
}
body div#devskin13907380 .withlove {
margin:0 auto;
padding:0;
position:relative;
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:300;
font-size:14px;
line-height:1.5;
color:#fff;
background-color:#06070d;
min-width:700px;
max-width:1440px;
overflow:hidden;
}
body div#devskin13907380 .withlove b, body div#devskin13907380 .withlove strong {
color:inherit;
letter-spacing:0;
}
body div#devskin13907380 .withlove.rules-page {
max-width:1080px;
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .withlove {
min-width:600px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .withlove {
min-width:270px;
}
}
body div#devskin13907380 p, body div#devskin13907380 .u-list ul, body div#devskin13907380 .u-list li {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:300;
font-size:14px;
line-height:1.5;
}
body div#devskin13907380 b, body div#devskin13907380 strong {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:bold;
font-size:14px;
line-height:1.5;
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 p, body div#devskin13907380 .u-list ul, body div#devskin13907380 .u-list li {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:300;
font-size:13px;
line-height:1.5;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 b, body div#devskin13907380 strong {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:bold;
font-size:13px;
line-height:1.5;
}
}
body div#devskin13907380 p {
margin:0 0 15px;
padding:0;
}
body div#devskin13907380 p:last-child {
margin:0;
}
body div#devskin13907380 a {
color:#ff5dd3;
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#devskin13907380 a, body div#devskin13907380 a.external, body div#devskin13907380 a.discoverytag {
cursor:pointer;
text-decoration:none;
}
body div#devskin13907380 a:hover, body div#devskin13907380 a.external:hover, body div#devskin13907380 a.discoverytag:hover {
text-decoration:none;
}
body div#devskin13907380 a.external:after {
display:none;
text-decoration:none;
}
body div#devskin13907380 a:not(.external):not(.thumb) {
font-weight:normal;
}
body div#devskin13907380 a:hover {
text-decoration:none;
}
body div#devskin13907380 p a {
border-bottom:1px transparent solid;
text-decoration:none;
}
body div#devskin13907380 p a:hover {
border-bottom:1px #ff5dd3 solid;
text-decoration:none;
}
body div#devskin13907380 p a.taglink {
padding-left:9px;
position:relative;
display:inline-block;
text-decoration:none;
line-height:1.5;
}
body div#devskin13907380 p a.taglink:before {
position:absolute;
top:0;
left:0;
content:'#';
}
body div#devskin13907380 .section {
width:100%;
display:inline-block;
position:relative;
vertical-align:bottom;
}
body div#devskin13907380 h1, body div#devskin13907380 h2, body div#devskin13907380 h3 {
margin:0;
padding:0;
font-weight:bold;
letter-spacing:0;
}
body div#devskin13907380 h1 a, body div#devskin13907380 h2 a, body div#devskin13907380 h3 a {
text-decoration:none;
}
body div#devskin13907380 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#devskin13907380 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#devskin13907380 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#devskin13907380 h1 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:32px;
line-height:1.1;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 h2 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:26px;
line-height:1.1;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 h3 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:20px;
line-height:1.1;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 h1 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:28px;
line-height:1.1;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 h2 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:24px;
line-height:1.1;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 h3 {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.1;
}
}
body div#devskin13907380 h1 span, body div#devskin13907380 h2 span, body div#devskin13907380 h3 span {
display:block;
}
body div#devskin13907380 h1 {
position:relative;
color:#fff;
}
body div#devskin13907380 h2, body div#devskin13907380 h3 {
color:#00e59b;
}
body div#devskin13907380 .u-list ul {
margin:0 0 15px 15px;
padding:0;
list-style:disc;
}
body div#devskin13907380 .u-list ul li {
margin:0;
padding:0 0 0 8px;
}
body div#devskin13907380 .u-list ul li:before {
background-image:none;
}
body div#devskin13907380 .u-list.numbers ul {
list-style:none;
margin-left:0;
}
body div#devskin13907380 .u-list.numbers ul li {
position:relative;
}
body div#devskin13907380 .u-list.numbers ul li:before {
color:#6b7076;
top:0;
left:0;
position:absolute;
}
body div#devskin13907380 .u-list.numbers ul li:nth-of-type(1):before {
content:'1';
}
body div#devskin13907380 .u-list.numbers ul li:nth-of-type(2):before {
content:'2';
}
body div#devskin13907380 .u-list.numbers ul li:nth-of-type(3):before {
content:'3';
}
body div#devskin13907380 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/creative/2020/activations/startWithLove/bg-button2.png?v=1317281527') 40% 50% no-repeat;
border:1px transparent solid;
cursor:pointer;
outline:0;
}
body div#devskin13907380 a.button:hover {
color:#0e0d20;
background:#7579ff;
text-shadow:none;
}
body div#devskin13907380 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#devskin13907380 a.button.disabled {
opacity:.5;
filter:alpha(opacity=50);
_zoom:1;
cursor:not-allowed;
}
body div#devskin13907380 a.button.disabled:hover {
color:#0e0d20;
background:#ffbd37;
}
body div#devskin13907380 a.button.outline {
color:#00e59b;
text-shadow:none;
background-image:none;
background-color:transparent;
border:1px #00e59b solid;
}
body div#devskin13907380 a.button.outline:hover {
color:#7579ff;
background:transparent;
border-color:#7579ff;
}
body div#devskin13907380 a.button.poster-drop, body div#devskin13907380 a.button.default, body div#devskin13907380 a.button.livestream {
font-size:12px;
line-height:1;
padding:14px;
min-width:140px;
}
body div#devskin13907380 a.button.poster-drop, body div#devskin13907380 a.button.livestream {
background:transparent;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
body div#devskin13907380 a.button.poster-drop {
color:#0263ff;
border:1px #0263ff solid;
}
body div#devskin13907380 a.button.poster-drop:hover {
color:#fff;
background-color:#0263ff;
}
body div#devskin13907380 a.button.livestream {
color:#f53948;
border:1px #f53948 solid;
}
body div#devskin13907380 a.button.livestream:hover {
color:#fff;
background-color:#f53948;
}
body div#devskin13907380 a.button.default {
color:#5d5d6c;
background:#eaeaea;
border:none;
}
body div#devskin13907380 a.button.default:hover {
color:#fff;
background-color:#0e0d20;
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 a.button {
min-width:180px;
}
}
body div#devskin13907380 img {
vertical-align:bottom;
max-width:100%;
}
body div#devskin13907380 .image {
position:relative;
}
body div#devskin13907380 .image>a {
display:block;
cursor:pointer;
}
body div#devskin13907380 .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#devskin13907380 .image div.credit a, body div#devskin13907380 .image div.credit .name a {
color:white;
font-weight:300;
}
body div#devskin13907380 .image div.credit .avatar {
float:left;
width:12px;
height:12px;
color:transparent;
display:none;
}
body div#devskin13907380 .image div.credit .avatar img {
width:100%;
height:auto;
display:inline-block;
}
body div#devskin13907380 .image div.credit .txt {
margin:0;
padding:0 !important;
text-align:left;
}
body div#devskin13907380 .image div.credit .txt .title {
padding:0;
text-align:left;
}
body div#devskin13907380 .image div.credit .txt .user-symbol {
display:none;
}
body div#devskin13907380 .image div.credit .txt span {
display:block;
line-height:1;
}
body div#devskin13907380 .image div.credit .txt span.banned {
display:inline-block;
}
body div#devskin13907380 .image div.credit .txt .title {
display:inline-block;
font-size:12px;
line-height:1;
color:white;
border-bottom:1px transparent solid;
}
body div#devskin13907380 .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#devskin13907380 .image div.credit .txt .title:hover, body div#devskin13907380 .image div.credit .txt .username:hover {
border-bottom-color:#1cff9f;
}
body div#devskin13907380 .gallery .image {
margin-bottom:24px;
border:20px white solid;
box-shadow:0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
}
body div#devskin13907380 .gallery .image:hover .credit {
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
}
body div#devskin13907380 .desktop {
display:block;
}
body div#devskin13907380 .mobile {
display:none;
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .mobile {
display:block;
}
}
body div#devskin13907380 .section.header {
background:#7579ff url('https://www.da-files.com/creative/2020/activations/startWithLove/header-1.jpg?v=1317281527') center top/cover no-repeat;
padding:90px 0px 60px 0px;
min-height:1400px;
}
body div#devskin13907380 .section.header:before, body div#devskin13907380 .section.header:after {
content:'';
position:absolute;
top:41%;
width:12%;
height:30%;
z-index:2;
}
body div#devskin13907380 .section.header:before {
left:0;
background:url('https://www.da-files.com/creative/2020/activations/startWithLove/sparkles-left.png?v=1317281527') right top/cover no-repeat;
}
body div#devskin13907380 .section.header:after {
right:0;
background:url('https://www.da-files.com/creative/2020/activations/startWithLove/sparkles-right.png?v=1317281527') left top/cover no-repeat;
}
body div#devskin13907380 .section.header .get-the-badge {
position:absolute;
top:0;
left:0;
width:15%;
z-index:2;
}
body div#devskin13907380 .section.header .gradient {
position:absolute;
top:0;
left:0;
z-index:1;
height:100%;
width:100%;
background:rgb(0, 0, 0);
background:rgba(0,0,0,0);
background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(14,14,32,0.6), #0e0d20);
background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(14,14,32,0.6), #0e0d20);
background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(14,14,32,0.6), #0e0d20);
}
body div#devskin13907380 .section.header .wrap {
z-index:3;
position:relative;
}
body div#devskin13907380 .section.header .image {
margin:0 auto;
}
body div#devskin13907380 .section.header .image.lockup {
margin-top:5%;
width:74%;
max-width:800px;
}
body div#devskin13907380 .section.header .image.blurb {
margin-top:1%;
width:66%;
max-width:700px;
}
body div#devskin13907380 .section.header .image.accent {
margin-top:4%;
width:26%;
max-width:400px;
}
body div#devskin13907380 .section.header div.blurb {
padding:60px 0px 0px 0px;
}
body div#devskin13907380 .section.header div.blurb p {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.6;
margin:0 auto;
padding:0px 30px 0px 30px;
}
body div#devskin13907380 .section.header .row.intro {
padding-top:75px;
}
body div#devskin13907380 .section.header .row.intro .columns.first p {
padding-right:45px;
}
body div#devskin13907380 .section.header .row.intro .columns.second h2 {
text-align:center;
padding-right:45px;
}
body div#devskin13907380 .section.header .row.intro .columns.second .columns {
padding:0px 45px 0px 0px;
}
body div#devskin13907380 .section.header .row.intro h2 {
margin-bottom:30px;
}
body div#devskin13907380 .section.header .row.intro p {
font-size:14px;
line-height:1.5;
}
body div#devskin13907380 .section.header .row.intro .image.badge {
margin:0 0 16px;
padding:10px;
width:20vw;
max-width:220px;
background:#4cddbd;
background: -webkit-linear-gradient(left, #4cddbd, #7579ff);
background: -moz-linear-gradient(left, #4cddbd, #7579ff);
background:linear-gradient(to right, #4cddbd, #7579ff);
}
body div#devskin13907380 .section.header .row.intro .image.badge .bg {
background-color:#0e0d20;
padding:24px 22.5px 24px 24px;
}
body div#devskin13907380 .section.header .row.intro .steps {
position:relative;
text-align:center;
}
body div#devskin13907380 .section.header .row.intro .steps:before {
position:absolute;
top:0;
left:-8%;
content:'';
width:2px;
height:100%;
background-color:rgb(109, 111, 140);
background-color:rgba(109,111,140,0.26);
}
body div#devskin13907380 .section.header .row.intro .steps p {
position:relative;
text-align:left;
}
body div#devskin13907380 .section.header .row.intro .steps p:before {
content:'';
color:#00e59b;
position:absolute;
top:0;
left:-18px;
}
body div#devskin13907380 .section.header .row.intro .steps .animated-gif {
width:160px;
height:160px;
margin:30px auto;
background-image:url('https://www.da-files.com/creative/2020/activations/startWithLove/get-involved.png?v=1317281527');
background-repeat:no-repeat;
transform:scale(0.8);
-moz-transform:scale(0.8);
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
}
body div#devskin13907380 .section.header .row.intro .steps .ideate .animated-gif {
background-position:top left;
}
body div#devskin13907380 .section.header .row.intro .steps .ideate .animated-gif:hover {
background-position:bottom left;
}
body div#devskin13907380 .section.header .row.intro .steps .ideate p:before {
content:'1.';
}
body div#devskin13907380 .section.header .row.intro .steps .make .animated-gif {
background-position:top center;
}
body div#devskin13907380 .section.header .row.intro .steps .make .animated-gif:hover {
background-position:bottom center;
}
body div#devskin13907380 .section.header .row.intro .steps .make p:before {
content:'2.';
}
body div#devskin13907380 .section.header .row.intro .steps .submit .animated-gif {
background-position:top right;
}
body div#devskin13907380 .section.header .row.intro .steps .submit .animated-gif:hover {
background-position:bottom right;
}
body div#devskin13907380 .section.header .row.intro .steps .submit p:before {
content:'3.';
}
body div#devskin13907380 .section.header .row.intro .steps .label {
display:inline-block;
text-transform:uppercase;
color:#00e59b;
padding-right:5px;
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.header {
min-height:1200px;
padding-bottom:15px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.header div.blurb p {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:15px;
line-height:1.6;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.header .row.intro {
padding-top:45px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.header .row.intro p {
font-size:12px;
line-height:1.5;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.header .row.intro .columns.first p {
padding-right:30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.header .row.intro .columns.second h2 {
padding-right:30px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.header .row.intro .columns.second .columns {
padding:0px 30px 0px 0px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.header .row.intro .steps .animated-gif {
margin:2px 0;
transform:scale(0.6) translate(-26%, 0);
-moz-transform:scale(0.6) translate(-26%, 0);
-webkit-transform:scale(0.6) translate(-26%, 0);
-ms-transform:scale(0.6) translate(-26%, 0);
-o-transform:scale(0.6) translate(-26%, 0);
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header {
background:#0e0d20 url('https://www.da-files.com/creative/2020/activations/startWithLove/header-mobile.jpg?v=1317281527') center top/100% auto no-repeat;
padding:60px 6px 0px 6px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .get-the-badge, body div#devskin13907380 .section.header .gradient, body div#devskin13907380 .section.header .image.blurb, body div#devskin13907380 .section.header .steps:before, body div#devskin13907380 .section.header .animated-gif {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .image.lockup {
width:96%;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .image.accent {
margin-top:30px;
width:56%;
max-width:400px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header div.blurb {
padding-top:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header div.blurb h1 {
margin:0 auto;
max-width:15ch;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header div.blurb p {
text-align:left;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro {
padding:5px 30px 0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro .columns.first h2 {
text-align:center;
padding-bottom:0;
padding-right:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro .columns.first p {
font-size:15px;
line-height:1.6;
padding-right:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro .columns.second {
padding-top:10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro .columns.second h2 {
text-align:center;
padding-bottom:0;
padding-right:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro .columns.second p {
font-size:15px;
line-height:1.6;
padding-right:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro .columns.second p .label {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:15px;
line-height:1.6;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro .columns.second .columns {
margin-bottom:10px;
padding-right:0;
padding-left:18px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.header .row.intro .image.badge {
margin:0 auto 16px;
width:90%;
max-width:200px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .header:before, body div#devskin13907380 .header:after {
display:none;
}
}
body div#devskin13907380 .section.buttons {
background-color:#0e0d20;
padding:30px 30px 60px 30px;
text-align:center;
}
body div#devskin13907380 .section.buttons .button {
margin:0 14px;
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.buttons {
padding:0px 30px 0px 30px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.buttons a.button {
width:100%;
margin:0 0 15px;
}
}
body div#devskin13907380 .section.announcements {
color:#0e0d20;
background-color:#f2f2f2;
padding:75px 0px 30px 0px;
}
body div#devskin13907380 .section.announcements h1, body div#devskin13907380 .section.announcements h2, body div#devskin13907380 .section.announcements h3 {
color:#0e0d20;
}
body div#devskin13907380 .section.announcements .blurb p {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.6;
margin:0 auto;
padding:0px 30px 0px 30px;
max-width:82ch;
}
body div#devskin13907380 .section.announcements .blurb p a {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.6;
}
body div#devskin13907380 .section.announcements .columns.this-week {
padding-top:45px;
}
body div#devskin13907380 .section.announcements .columns.this-week h2 {
margin-bottom:30px;
text-align:center;
}
body div#devskin13907380 .section.announcements .tab-content .thumb {
border:10px #eaeaea solid;
}
body div#devskin13907380 .section.announcements .tab-content .avatar {
display:inline-block;
}
body div#devskin13907380 .section.announcements .tab-content .sub-head .button {
float:right;
}
body div#devskin13907380 .section.announcements .tab-content .sub-head .button.mobile {
display:none;
}
body div#devskin13907380 .section.announcements .tab-content .sub-head .profile-link {
display:inline-block;
padding:2px 0 15px 10px;
}
body div#devskin13907380 .section.announcements .tab-content .sub-head .profile-link a {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.1;
color:#0e0d20;
}
body div#devskin13907380 .section.announcements .tab-content .sub-head p.date {
position:relative;
margin:14px 0 18px;
padding:10px 0 10px 22px;
color:#a0a0a8;
border-bottom:2px #f2f2f2 solid;
background:url('https://www.da-files.com/creative/2020/activations/startWithLove/clock.gif?v=1317281527') left center/auto 18px no-repeat;
}
body div#devskin13907380 .section.announcements .tab-content .buttons {
transform:translate(0, 15px);
-moz-transform:translate(0, 15px);
-webkit-transform:translate(0, 15px);
-ms-transform:translate(0, 15px);
-o-transform:translate(0, 15px);
position:relative;
}
body div#devskin13907380 .section.announcements .tab-content .buttons a.button {
margin-right:10px;
}
body div#devskin13907380 .section.announcements .tab-content .buttons a.button.join {
position:absolute;
top:0;
right:0;
}
body div#devskin13907380 .section.announcements .tab-content .buttons a.button.join.desktop {
display:block;
}
body div#devskin13907380 .section.announcements .tab-content .buttons a.button.join.mobile {
display:none;
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.announcements {
padding:45px 0px 30px 0px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.announcements .blurb p {
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:15px;
line-height:1.6;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .section.announcements .blurb p a {
font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:15px;
line-height:1.6;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content a.button {
padding:10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content a.button.default {
min-width:100px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content a.button.default.second {
margin-right:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .thumb {
border:4px #eaeaea solid;
float:left;
width:33%;
max-width:160px;
margin:0 8px 10px 0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .avatar {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .sub-head .button {
float:none;
margin-left:10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .sub-head .button.desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .sub-head .button.mobile {
display:inline-block;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content p.date.desktop {
display:none;
margin:0 0 0 10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content p.date.mobile {
display:inline-block;
border:none;
margin:0 0 10px 10px;
padding:0 0 0 22px;
max-width:160px;
background:url('https://www.da-files.com/creative/2020/activations/startWithLove/clock.gif?v=1317281527') left top/auto 18px no-repeat;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .artist-info {
clear:both;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .buttons a.button.join {
position:relative;
top:auto;
right:auto;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .buttons a.button.join.desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.announcements .tab-content .buttons a.button.join.mobile {
display:block;
}
}
body div#devskin13907380 .section.upcoming {
color:#0e0d20;
background-color:#f2f2f2;
padding:30px 0px 54px 0px;
}
body div#devskin13907380 .section.upcoming h1 {
color:#0e0d20;
}
body div#devskin13907380 .section.upcoming p.title {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.1;
text-transform:uppercase;
letter-spacing:1px;
border-bottom:2px #eaeaea solid;
padding-bottom:30px;
margin:30px 0 0;
}
body div#devskin13907380 .section.upcoming .day {
padding:15px 30px 15px 30px;
height:72px;
border-bottom:2px #eaeaea solid;
}
body div#devskin13907380 .section.upcoming .day .avatar, body div#devskin13907380 .section.upcoming .day .profile-link, body div#devskin13907380 .section.upcoming .day a.button {
display:inline-block;
}
body div#devskin13907380 .section.upcoming .day .avatar, body div#devskin13907380 .section.upcoming .day .profile-link {
float:left;
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#devskin13907380 .section.upcoming .day .avatar {
width:32px;
height:32px;
}
body div#devskin13907380 .section.upcoming .day .profile-link {
text-align:left;
margin:5px 10px 0;
width:150px;
}
body div#devskin13907380 .section.upcoming .day .profile-link a {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:17px;
line-height:1.1;
color:#0e0d20;
}
body div#devskin13907380 .section.upcoming .day .profile-link p.sub-title {
font-size:12px;
line-height:1;
}
body div#devskin13907380 .section.upcoming .day p.date {
display:inline-block;
width:40%;
margin:0 auto;
padding:9px 0px 9px 0px;
font-size:16px;
line-height:1.2;
color:#a0a0a8;
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#devskin13907380 .section.upcoming .day a.button {
float:right;
margin:0;
}
body div#devskin13907380 .section.upcoming .day a.button.mobile {
display:none;
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.upcoming {
padding:30px 0px 30px 0px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.upcoming .day {
height:auto;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.upcoming .day .avatar, body div#devskin13907380 .section.upcoming .day .profile-link {
float: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);
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.upcoming .day .profile-link {
width:auto;
margin:0 0 5px 10px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.upcoming .day p.date {
display:block;
width:100%;
clear:both;
line-height:1.1;
padding:10px 0;
text-align:left;
transform:translate(0, 0);
-moz-transform:translate(0, 0);
-webkit-transform:translate(0, 0);
-ms-transform:translate(0, 0);
-o-transform:translate(0, 0);
text-align:center;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.upcoming .day a.button {
float:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.upcoming .day a.button.desktop {
display:none;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.upcoming .day a.button.mobile {
display:block;
}
}
body div#devskin13907380 .section.featured-artist {
color:#0e0d20;
background-color:#f2f2f2;
padding:30px 0px 120px 0px;
}
body div#devskin13907380 .section.featured-artist h1 {
color:#0e0d20;
}
body div#devskin13907380 .section.featured-artist .thumb {
border:10px #fff solid;
box-shadow:0 0 30px rgba(0,0,0,0.3);
-moz-box-shadow:0 0 30px rgba(0,0,0,0.3);
-webkit-box-shadow:0 0 30px rgba(0,0,0,0.3);
}
body div#devskin13907380 .section.featured-artist p.quote {
border-left:3px #00e59b solid;
margin-left:30px;
padding:30px 30px 15px 75px;
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:26px;
line-height:1.6;
background:url('https://www.da-files.com/creative/2020/activations/startWithLove/quotation.svg?v=1317281527') 10px top/60px auto no-repeat;
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.featured-artist {
padding:0px 0px 30px 0px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.featured-artist p.quote {
padding:15px 30px 15px 30px;
font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:20px;
line-height:1.6;
background:url('https://www.da-files.com/creative/2020/activations/startWithLove/quotation.svg?v=1317281527') 10px top/120px auto no-repeat;
}
}
body div#devskin13907380 .weekly-divider {
color:#0e0d20;
background-color:#f2f2f2;
padding:0px 0px 0px 0px;
text-align:center;
}
body div#devskin13907380 .weekly-divider .bg-line {
position:relative;
z-index:1;
}
body div#devskin13907380 .weekly-divider .bg-line:after, body div#devskin13907380 .weekly-divider .bg-line:before {
position:absolute;
top:50%;
content:'';
height:5px;
width:50%;
}
body div#devskin13907380 .weekly-divider .bg-line:before {
left:0;
background-color:#4cddbd;
}
body div#devskin13907380 .weekly-divider .bg-line:after {
right:0;
background-color:#7579ff;
}
body div#devskin13907380 .weekly-divider .label-now {
position:relative;
z-index:2;
background:#4cddbd;
background: -webkit-linear-gradient(left, #4cddbd, #7579ff);
background: -moz-linear-gradient(left, #4cddbd, #7579ff);
background:linear-gradient(to right, #4cddbd, #7579ff);
display:inline-block;
margin:0 auto;
padding:21px 45px 30px 45px;
}
body div#devskin13907380 .weekly-divider .label-now span {
display:block;
color:#fff;
text-transform:uppercase;
}
body div#devskin13907380 .weekly-divider .label-now .week {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:13px;
line-height:1.2;
}
body div#devskin13907380 .weekly-divider .label-now .now {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.2;
letter-spacing:1px;
}
body div#devskin13907380 .weekly-divider.last {
padding-bottom:30px;
}
body div#devskin13907380 .section.poster-gallery {
color:#0e0d20;
background-color:#f2f2f2;
padding:30px 0px 90px 0px;
}
body div#devskin13907380 .section.poster-gallery h1 {
color:#0e0d20;
margin-bottom:36px;
padding-bottom:0;
}
body div#devskin13907380 .section.poster-gallery .column, body div#devskin13907380 .section.poster-gallery .columns {
padding:0px 15px 45px 15px;
}
body div#devskin13907380 .section.poster-gallery .avatar {
display:inline-block;
float:left;
margin:0 10px 0 0;
}
body div#devskin13907380 .section.poster-gallery .avatar img {
width:32px;
height:auto;
}
body div#devskin13907380 .section.poster-gallery .profile-link {
display:inline-block;
}
body div#devskin13907380 .section.poster-gallery .profile-link a {
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1;
color:#0e0d20;
line-height:32px;
}
body div#devskin13907380 .section.poster-gallery .profile-link a:hover {
color:#7579ff;
}
body div#devskin13907380 .section.poster-gallery .coming-soon {
position:relative;
background:#4cddbd;
background: -webkit-linear-gradient(left, #4cddbd, #7579ff);
background: -moz-linear-gradient(left, #4cddbd, #7579ff);
background:linear-gradient(to right, #4cddbd, #7579ff);
padding:20px;
margin-bottom:24px;
}
body div#devskin13907380 .section.poster-gallery .coming-soon .clock {
position:absolute;
top:50%;
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%);
width:50%;
max-width:120px;
height:auto;
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.poster-gallery {
padding:30px 0px 0px 0px;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.poster-gallery h1 {
margin-bottom:0;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.poster-gallery .column, body div#devskin13907380 .section.poster-gallery .columns {
padding:0px 30px 30px 30px;
}
}
body div#devskin13907380 .section.thoughts {
padding:60px 0px 90px 0px;
color:#fff;
background:url('https://www.da-files.com/creative/2020/activations/startWithLove/bg-thoughts.jpg?v=1317281527') no-repeat;
background-size:cover;
background-position:center center;
}
body div#devskin13907380 .section.thoughts h1 {
padding-bottom:15px;
color:#00e59b;
}
body div#devskin13907380 .section.thoughts p {
font-size:18px;
line-height:1.6;
}
body div#devskin13907380 .section.thoughts p.sub-title {
text-transform:uppercase;
font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif;
font-weight:400;
font-size:18px;
line-height:1.6;
letter-spacing:1px;
margin-bottom:30px;
}
body div#devskin13907380 .section.thoughts p.divider {
position:relative;
}
body div#devskin13907380 .section.thoughts p.divider:after {
content:'';
position:absolute;
bottom:0;
left:50%;
transform:translate(-50%, 3px);
-moz-transform:translate(-50%, 3px);
-webkit-transform:translate(-50%, 3px);
-ms-transform:translate(-50%, 3px);
-o-transform:translate(-50%, 3px);
height:2px;
width:50px;
background:rgb(255, 255, 255);
background:rgba(255,255,255,0.3);
}
body div#devskin13907380 .section.thoughts p.divider {
margin-bottom:21px;
padding-bottom:21px;
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.thoughts {
padding:60px 0px 60px 0px;
background-size:auto 100%;
}
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .section.thoughts p {
font-size:15px;
line-height:1.6;
}
}
body div#devskin13907380 .tab-container {
position:relative;
background-color:#fff;
overflow:hidden;
}
body div#devskin13907380 .tab-container input {
display:none;
}
body div#devskin13907380 .tab-container .tab-content {
display:block;
position:relative;
width:100%;
height:auto;
min-height:580px;
}
body div#devskin13907380 .tab-container .tab-content>div {
position:absolute;
top:90px;
left:0;
width:100%;
padding:60px 60px 60px 60px;
background-color:#fff;
min-height:490px;
visibility:hidden;
opacity:0;
filter:alpha(opacity=0);
_zoom:1;
transition:visibility 0s, opacity 0.3s ease-out;
-moz-transition:visibility 0s, opacity 0.3s ease-out;
-webkit-transition:visibility 0s, opacity 0.3s ease-out;
-ms-transition:visibility 0s, opacity 0.3s ease-out;
-o-transition:visibility 0s, opacity 0.3s ease-out;
}
body div#devskin13907380 .tab-container input:nth-of-type(1):checked ~ .tab-content .tab-one, body div#devskin13907380 .tab-container input:nth-of-type(2):checked ~ .tab-content .tab-two, body div#devskin13907380 .tab-container input:nth-of-type(3):checked ~ .tab-content .tab-three {
visibility:visible;
opacity:1;
filter:alpha(opacity=100);
_zoom:1;
}
body div#devskin13907380 .tab-container input.bullet+label {
position:relative;
float:left;
text-align:center;
display:inline-block;
width:33.333%;
margin:0;
color:#dbdbe2;
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:90px;
line-height:90px;
background-color:#f9fafb;
border-right:1px #eaeaea solid;
border-bottom:1px #eaeaea solid;
cursor:pointer;
z-index:4;
}
body div#devskin13907380 .tab-container input.bullet+label[for='tab-three'] {
border-right:none;
}
body div#devskin13907380 .tab-container input.bullet:checked+label {
color:#5d5d6c;
background-color:#fff;
box-shadow:0 0 60px rgba(0,0,0,0.14);
-moz-box-shadow:0 0 60px rgba(0,0,0,0.14);
-webkit-box-shadow:0 0 60px rgba(0,0,0,0.14);
z-index:5;
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .tab-container .tab-content>div {
padding:30px 21px 30px 21px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .tab-container .tab-content {
min-height:550px;
}
}
@media only screen and (max-width: 1023px) {
body div#devskin13907380 .tab-container .tab-content>div {
padding:30px 15px 15px 15px;
background-color:#fff;
min-height:460px;
}
}
body div#devskin13907380 .bottom {
left:50%;
right:0;
bottom:18px;
transform:translate(-50%, 0);
-moz-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
padding:0;
text-align:center;
background:transparent;
position:absolute;
z-index:1;
width:260px;
}
@media only screen and (max-width: 767px) {
body div#devskin13907380 .bottom {
display:none;
}
}
body div#devskin13907380 .bottom a {
padding:30px 0;
color:#9fa3a8;
cursor:text;
display:block;
white-space:nowrap;
text-decoration:none;
line-height:inherit;
position:relative;
cursor:pointer;
z-index:1;
}
body div#devskin13907380 .bottom a:hover {
color:#00e59b;
}
We’re all in this together. Join the #StartWithLove campaign and create positive artwork demonstrating how to share love and empathy during these tough times.
Start With Love Poster Challenge
Artists not only have the ability to create, but also to inspire. Now, more than ever, it's important that we as a community do what we can to lift people's spirits. That's why we're launching "Start With Love" – an aspirational poster challenge to show how to maintain empathy, compassion, and love during this global health crisis. The challenge will illustrate how we can all spread love and positivity, despite the tough times we are going through together.
Get the Badge
Participants who submit posters with the StartWithLove tag will receive an exclusive Profile badge.
Get Involved
Ideate. How have you been expressing love and positivity during this difficult time? Can that be translated into a poster to help inspire others?
Make. Create original artwork highlighting "Start With Love" to help promote positivity and empathy while navigating this global health crisis. Include the phrase as big or small on your poster as you'd like.
Submit. Submit your design to enter the challenge! Make sure your submission includes the hashtag StartWithLove .
View Submissions Submit Art
Start With Love Ambassadors
To help grow this positive movement and provide some guidance, we asked a selection of artists to create their own posters celebrating the importance of starting with love during this tough time. We've seen inspiring posters from yuumei , Elentori , and BossLogic , the following weeks will feature PascalCampion , shilin , kerbyrosanes , FilipHodas , Kate-FoX , larienne , Cyarin , DziKawa , and Cryptid-Creations — along with livestreams from some of the artists to show their process. Be sure to check out the final gallery below!
yuumei
elentori
pascalcampion
kerbyrosanes
shilin
BossLogic
FilipHodas
Kate-FoX
larienne
Cyarin
DziKawa
Cryptid-Creations
Your Thoughts
Answer in the comments below:
How have you been connecting with loved ones while social distancing?
Where do you turn for strength during moments of great difficulty?
What simple act of love meant the world to you?