/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 22 2022 | 10:30:01 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

div.grid-v123 {
margin: 30px 0 15px 0;
  display: grid;
  grid-template-columns: 0.8fr 0.8fr 2.45fr;
  grid-template-rows: 1fr;
gap: 20px 2%;
  grid-template-areas:
    "v1 v2 v3";
}
@media only screen and (max-width: 500px) {
div.grid-v123 {
grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 0.7fr;
 grid-template-areas:
    "v1 v2"
     "v3 v3";
}
}
div.v1 { grid-area: v1; }
div.v2 { grid-area: v2; }
div.v3 { grid-area: v3; }
section.contest-basic-info {
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 25px;
}
section.contest-basic-info p {
  line-height: 28px; 
}
div.contest-info-grid {
  padding: 0px;
}
section.contest-description p {
  font-size: 17px;
  line-height: 1.6;
}
section.contest-description li {
  font-size: 17px;
line-height: 1.6;
}
section.contest-description strong {
  font-weight: bold;
}
section.contest-description a {
  color: #0f5cff;
  text-decoration: none; /* no underline */
}
section.contest-description a:hover {
  color: #5523e0;
}
section.contest-description div.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media only screen and (max-width: 500px) {
 section.contest-description  div.center {
 font-size: 0.8em !important;
  }
}
section.contest-description p.artalks {
color: #311aff;
margin: 0px 10% 0px 10%;
}
section.contest-description h2 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 20px;
margin-top: 50px;
}
section.contest-description img.post {
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  box-shadow: 0px 0px 10px 0px #7B7B7B;
}
section.contest-description div.m-shadow {
-webkit-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  box-shadow: 0px 0px 10px 0px #7B7B7B;
}
section.contest-description video {
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  box-shadow: 0px 0px 10px 0px #7B7B7B;
}
@media only screen and (max-width: 500px) {
 section.contest-description  video {
    border-radius: 8px;
  }
}
section.contest-description video.one {
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  box-shadow: 0px 0px 10px 0px #7B7B7B;
  width: 50%;
}
@media only screen and (max-width: 500px) {
 section.contest-description  video.one {
    width: 60%;
    border-radius: 12px;
  }
}
section.contest-description h3 {
  font-weight: 500;
  margin-bottom: 5px;
  margin-top: 35px;
font-size: 22px;
}
section.contest-description h4 { /* do kapsuł */
  font-weight: 600;
  margin-bottom: 5px;
  margin-top: 5px;
}
section.contest-description  bigquote {
  font-style: italic;
  font-size: 26px;
}
section.contest-description blockquote {
  background: #F4F4F4;
  border-left: 5px solid #6A2CD1;
  margin: 10px 10px;
  padding: 10px 10px;
}
section.contest-description blockquote p:last-child { 
margin-bottom: 0; 
}
section.contest-description ul {
  list-style-position: none;
  padding: 10px 10px 10px 10px;
  margin-left: 5px;
  margin-top: 10px;
}
section.contest-description ul.emoji {
  list-style-type: none;
  padding: 10px 10px 10px 10px;
  margin-left: 5px;
  margin-top: 10px;
}
section.contest-description li.emoji {
  list-style-image: none;
  padding: 10px 10px 10px 10px;
  margin-left: 5px;
  margin-top: 10px;
}
section.contest-description li {
  list-style-image: url('https://blog.lenslist.co/wp-content/uploads/2019/10/Frame-1-1.png');
  padding: 5px 10px 5px 10px;
margin-top: 0px;
}
section.contest-description ol {
  list-style-position: outside;
  padding: 10px 10px 10px 10px;
  margin-left: 5px;
 margin-top: 10px;
}
section.contest-description div.textcontent{
  float: left;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(94.74deg, rgba(252, 238, 241, 0.5) 1.33%, rgba(234, 231, 254, 0.5) 98.84%);
  border-radius: 16px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  -moz-box-shadow: 0px 0px 10px 0px rgba(123,123,123,1);
  box-shadow: 0px 0px 10px 0px #7B7B7B;
  margin: 50px 1% 50px 1%;
  padding: 10px 10px 10px 20px;
  position: relative;
  color: black;
}
@media only screen and (max-width: 500px) {
section.contest-description div.textcontent {
  margin-left: 3px;
  margin-right: 3px;  
  }
}
section.contest-description div.capsule { 
  position: absolute; 
  top: 15px; 
  right: 15px;
  width: 7%;
}
@media only screen and (max-width: 500px) {
section.contest-description div.capsule {
  position: absolute; 
  top: 15px; 
  right: 15px;
  width: 10%;  
  }
}
section.contest-description div.button {
  -webkit-transition-duration: 0.5s; /* Safari */
  transition-duration: 0.5s;
background: linear-gradient(90deg, rgba(214,82,125,1) 0%, rgba(64,25,224,1) 100%);
  border-radius: 20px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(123,123,123,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(123,123,123,1);
  box-shadow: 0px 0px 3px 0px #7B7B7B;
  text-align: center;
  width: 70%;
  padding: 12px 10px 12px 10px;
  color: white;
  font-size: 23px;
font-weight: bold;
}
section.contest-description div.button:hover {
background: linear-gradient(90deg, rgba(214,82,125,1) 0%, rgba(64,25,224,1) 100%);
  color: white;
}
section.contest-description div.emojilist p{
  margin-left: 1.7em;
}
section.contest-description div.button a {
  text-decoration: none;
  color: white;
}
section.contest-description div.grid-container {
  display: grid;
  grid-template-columns: 50% 50%;
}
@media only screen and (max-width: 500px) {
 section.contest-description  div.grid-container {
      grid-template-columns: 100%;
  }
}
section.contest-description div.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}
hr.solid {
  border-top: 1px solid #bbb;
}
section.contest-description div.responsive2 {
  float: left;
  width: 46%;
  margin: 25px 2% 15px 2%;
}
@media only screen and (max-width: 500px) {
  section.contest-description div.responsive2 {
    width: 97%;
    margin: 20px 1.5% 15px 1.5%;
  }
}
section.contest-description div.text2 {
  float: left;
  width: 40%;
  margin: 25px 0 25px 0;
}
@media only screen and (max-width: 500px) {
  section.contest-description div.text2 {
    width: 96%;
    margin: 15px 2% 15px 2%;
  }
}
div.grid-bio {
  margin: 50px 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 20px 40px;
  grid-template-areas:
    "lenslist-bio snap-bio";
}
@media only screen and (max-width: 500px) {
div.grid-bio {
  margin: 20px 0 0 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px 30px;
  grid-template-areas:
    "lenslist-bio"
    "snap-bio";
  }
}
div.lenslist-bio { grid-area: lenslist-bio; 
  padding: 10px;
 border-radius: 15px; 
  border: 5px solid #ac2eae;
}
div.snap-bio { grid-area: snap-bio;
padding: 10px;
  border-radius: 15px; 
  border: 5px solid #fffc00;
}
div.snap-bio p, .lenslist-bio p {
margin: 0px;
}
section.contest-description div.vid2a{
  float: left;
  width: 25%;
  margin: 25px 30% 25px 4%;
}
@media only screen and (max-width: 500px) {
  section.contest-description div.vid2a{
    width: 70%;
    margin: 20px 15% 15px 15%;
  }
}
section.contest-description span.img {
  display: inline-block;
  margin: 0px 2px -2px 3px;
  height: 25px;
}
@media only screen and (max-width: 500px) {
  section.contest-description span.img {
    height: 20px;
  }
}
div.parent {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 0.7fr 1.3fr;
  gap: 0px 10px;
  grid-template-areas:
    "div1 div2"
    "div3 div2";
}
@media only screen and (max-width: 500px) {
div.parent {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 0.5fr 0.5fr 0.5fr;
  gap: 0px 5px;
  grid-template-areas:
    "div1"
    "div3"
    "div2";
  }
}
div.div1 { grid-area: div1; }
div.div2 { grid-area: div2; }
div.div3 { grid-area: div3; }
@media only screen and (max-width: 500px) {
div.div2 {grid-area: div3;}
}
@media only screen and (max-width: 500px) {
div.div3 {grid-area: div2;}
}
div.grid-4vid {
  margin: 30px 0px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 40px;
  grid-template-areas:
       "vid1 vid2 vid3 vid4";
}
@media only screen and (max-width: 500px) {
div.grid-4vid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 30px 20px;
  grid-template-areas:
"vid1 vid2"
 "vid3 vid4";
}
div.grid-1-1-2 {
  margin: 30px 0px;
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  grid-template-rows: 1fr;
  gap: 0px 40px;
  grid-template-areas:
       "vid1 vid2 vid3";
}
@media only screen and (max-width: 500px) {
div.grid-1-1-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 2fr;
  gap: 30px 20px;
  grid-template-areas:
"vid1 vid2"
 "vid3";
}
div.vid1 { grid-area: vid1; }
div.vid2 { grid-area: vid2; }
div.vid3 { grid-area: vid3; }
div.vid4 { grid-area: vid4; 
}
div.grid-bio {
  margin: 50px 0 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 20px 40px;
  grid-template-areas:
    "lenslist-bio snap-bio";
}
@media only screen and (max-width: 500px) {
div.grid-bio {
  margin: 20px 0 0 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px 30px;
  grid-template-areas:
    "lenslist-bio"
    "snap-bio";
  }
}
div.lenslist-bio { grid-area: lenslist-bio; 
  padding: 10px;
 border-radius: 15px; 
  border: 5px solid #ac2eae;
}
div.snap-bio { grid-area: snap-bio;
padding: 10px;
  border-radius: 15px; 
  border: 5px solid #fffc00;
}
div.snap-bio p, .lenslist-bio p {
margin: 0px;
}
div.grid-yt-vid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "yt yt vid";
}
div.yt { grid-area: yt; }
div.vid { grid-area: vid; }