@font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUbOvISTs.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUZevISTs.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUbuvISTs.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUb-vISTs.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 300;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofAnsSUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUbOvISTs.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUZevISTs.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUbuvISTs.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUb-vISTs.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {font-display: swap;
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
src: url(https://fonts.gstatic.com/s/nunito/v16/XRXW3I6Li01BKofA6sKUYevI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} @font-face {font-display: swap;
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5iU1EQVg.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
} @font-face {font-display: swap;
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5jU1EQVg.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
} @font-face {font-display: swap;
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 700;
src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} #footer{padding-bottom:0!important;margin-top:40px}.more-category{font-family:'Nunito Sans',sans-serif;font-weight:700;font-size:25px;background-color:#ff8700;padding:3px;color:#fff;margin:18px}.nav-logo .logo{line-height:79px;width:150px;height:50px; padding-top:23px ;display:inline-block;}.navigation.pagination{text-align:center;margin-top:30px;display:inline-block;width:100%}.navigation.pagination .nav-links{display:inline-block}.navigation.pagination .nav-links>.page-numbers{background-color:#fff;border-radius:0;border:none;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;color:#464646;font-family:Montserrat,sans-serif;font-size:16px;font-weight:700;float:left;margin:0;padding:5px 21px;text-transform:uppercase;text-decoration:none;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s}.navigation.pagination .nav-links>.page-numbers.current,.navigation.pagination .nav-links>a:focus,.navigation.pagination .nav-links>a:hover{background-color:#ebebeb;border-color:transparent;color:#464646}.navigation.pagination .nav-links>.page-numbers:first-child{border-left:none}.content{padding:8px 90px;font-family:Roboto,sans-serif}.content p{line-height:1.9}.content img{max-height:500px}.about-info{text-align:center;padding:10px;margin-bottom:28px;box-shadow:0 4px 11px rgb(0 0 0 / 40%)}p.tech{font-size:20px;font-weight:600;color:#212631;text-decoration:none}.sticky-container{position:relative;padding-left:0; font-size: 20px;}.crunchify-link{padding:2px 13px 4px 15px!important;color:#fff;font-size:16px;border-radius:2px;margin-right:9px;cursor:pointer;-moz-background-clip:padding;-webkit-background-clip:padding-box;box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);-moz-box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);-webkit-box-shadow:inset 0 -3px 0 rgba(0,0,0,.2);margin-top:2px;display:inline-block;text-decoration:none}.crunchify-link:active,.crunchify-link:hover{color:#fff}.crunchify-twitter{background:#00aced}.crunchify-twitter:active,.crunchify-twitter:hover{background:#0084b4}.crunchify-facebook{background:#3b5997}.crunchify-facebook:active,.crunchify-facebook:hover{background:#2d4372}.crunchify-pinterest{background:#bd081c}.crunchify-pinterest:active,.crunchify-pinterest:hover{background:#bd081c}.crunchify-linkedin{background:#0074a1}.crunchify-linkedin:active,.crunchify-linkedin:hover{background:#006288}.crunchify-social{margin:20px 0 25px 0;-webkit-font-smoothing:antialiased;font-size:18px}.error-block{background-color:#f7f7f7;display:inline-block;padding:70px 15px 55px;text-align:center;width:100%}.table-of-contents{box-shadow: 0 12px 17px rgb(0 0 0 / 15%);text-align:left;padding:1rem;border-left:3px solid #cecece;background-color:#fff3f3;position:relative;margin-bottom:17px;line-height:1.9;border-radius:7px}.table-of-contents .toc-headline{margin-bottom:0;font-size:120%;cursor:pointer}.table-of-contents .toggle-toc{position:absolute;top:.4rem;right:1rem;font-size:30px;cursor:pointer;font-weight:800;cursor:pointer}.table-of-contents ul{padding-left:1rem;display: none;}.table-of-contents li{list-style:none!important}.interesting-container{box-shadow: 0 12px 17px rgb(0 0 0 / 40%);text-align: left; background-color:#fff3f3;padding:13px;line-height:1.9;margin-bottom:17px;border-radius:7px}.comments-area .comment-form p.comment-form-email{padding-right:7.5px}.comments-area .comment-form p.comment-form-url{padding-left:7.5px}.comments-area .comment-form-email,.comments-area .comment-form-url{width:100%}.comments-area .comment-form{margin-left:-15px;margin-right:-15px}.comments-area .comment-form p{padding-left:15px;padding-right:15px;margin-bottom:15px}.comments-area .comment-form p:last-of-type{margin-bottom:0}.comments-area .comment-form-comment,.comments-area .comment-form-email,.comments-area .comment-form-url{float:left;width:50%}.comments-area .comment-form-author,.comments-area .comment-form-comment{width:100%}.comment-form input[type=email],.comment-form input[type=text],.comment-form input[type=url],.comment-form textarea{background-color:#f7f7f7;border:none;border-radius:0;box-shadow:none;color:#a1a1a1;font-size:15px;letter-spacing:.225px;min-height:47px;outline:0;padding:14px 32px;position:relative;width:100%;margin-bottom:20px}.form-submit{display:inline-block;margin-bottom:0;width:100%}.comment-form input[type=submit]{background-color:#464646;border:1px solid transparent;border-radius:0;color:#fff;cursor:pointer;float:right;font-family:Montserrat,sans-serif;font-size:14px;letter-spacing:-.35px;line-height:1.42;padding:11px 35px 10px;text-decoration:none;text-transform:uppercase;transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s}.comment-form input[type=submit]:hover{border-color:#464646;color:#464646;background-color:transparent}.comment-form input::-webkit-input-placeholder,.comment-form textarea::-webkit-input-placeholder{color:#a1a1a1;opacity:1}.comment-form input:-moz-placeholder,.comment-form textarea:-moz-placeholder{color:#a1a1a1;opacity:1}.comment-form input::-moz-placeholder,.comment-form textarea::-moz-placeholder{color:#a1a1a1;opacity:1}.comment-form input:-ms-input-placeholder,.comment-form textarea:-ms-input-placeholder{color:#a1a1a1;opacity:1}.comment-list .children{margin-left:0;padding-left:0}.comments-area .comment-form-email,.comments-area .comment-form-url{width:100%}.comment-list{list-style:none;margin-bottom:0;padding-left:0}.comment-list>li.depth-1{padding-left:0}.comment-list .reply a{color:#151515;display:inline-block;font-size:14px;font-weight:600;letter-spacing:.18px;line-height:2;position:relative;text-decoration:none;text-transform:uppercase;transition:all 1s ease 0s}.comment-list .reply a>i{margin-right:5px}.comment-list .reply a:hover{color:#717171}.comment-list .children{list-style:none;margin:0 0 0 15px;padding-left:15px}.comment-list .children>li{padding-left:.5em}.comment-respond{display:inline-block;width:100%}.comment-reply-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.4px;line-height:1.875;margin-bottom:23px;position:relative;padding-bottom:10px;text-align:center}.comment-reply-title::before{background-color:#ebebeb;bottom:0;content:"";left:0;height:2px;position:absolute;right:0;width:30px;margin:0 auto}.required{color:#c0392b}.comment-body{margin-bottom:50px;padding-left:100px;position:relative;min-height:70px}.comment-body{padding-left:0}ol.children{padding-left:90px}
#footer .container{padding-top:10px;border-top:1px solid #bdbdce}.footer-widget .footer-title{font-weight:700}.footer-logo{margin-bottom:10px; width: 255px;height: 80x;padding-top: 23px;}li.mail{float:right;margin-left:10px;color:#a7b3c6;-webkit-transition:.2s color;font-size:large;transition:.2s color;margin-bottom:9px}.h1,.h2,.h3,.h4,h1,h2,h3,h4{font-weight:900;text-transform: capitalize;}.post-author .media .media-left .media-object{width:149px}@media (max-width:575px){.media-object{display:inline-block;width:222px}.media-body{width:0;min-width:100%;display:block;text-align:center; font-size: 16px;}.error-template{padding:40px 15px;text-align:center}.error-actions{margin-top:15px;margin-bottom:15px}.error-actions .btn{margin-right:10px}}
.entry-footer {
border-bottom: 1px solid #e1e1e1;
display: inline-block;
width: 100%;
}
.post-rating {
margin-bottom: 20px;
}
.entry-footer .tags {
float: left;
margin-bottom: 12px;
max-width: 100%;
font-weight: bold;
color: #151515;
}
.tags > span
{
margin-left: 10px;
}
.tags > span:first-child {
margin-left: 0px;
}
.post-author {
border-bottom: 1px solid #e1e1e1;
}
.aboute-block{
margin-top: 60px;
margin-left: 10px;
margin-right: 10px;	
}
img {
vertical-align: middle;
display: block;
max-width: 100%;
height: auto;
}
figure {
margin: 0;
width: 100%!important;
}
.g-recaptcha {
transform: scale(.9);
-webkit-transform: scale(.9);
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}
.aligncenter{
margin: 0 auto;}
div.views{
text-align: right;
display: inline-block;
color: darkred;
}
p {
margin: 0 0 20px;
line-height: 1.8;
}
@media (max-width: 575px){
.sticky-container {position:relative;padding-left:0; text-align:none; font-size: 16px;}
.wp-caption-text {font-size: 10px!important;}
}
.media-body, .media-left { vertical-align: top;
font-size: 19px;
}
h4 {
font-size: 23px;
}
.main-post li {
line-height: 2.0;
margin-left: 10px; list-style-position: outside;
}
.main-post li:last-child {
margin-bottom: 10px;
}
.interesting-container li {
margin-left: 5px;
list-style-type: none;
list-style-position: outside;
}
.table-of-contents li{
margin-left: 5px;
list-style-type: none;
list-style-position: outside;
}
#cookie-law-div {
z-index: 10000000;
position: fixed;
bottom: 3%;
right: 2%;
padding: 1em;
max-width: 400px;
border-radius: 10px;
background: #fff;
border: 1px solid rgba(0, 0, 0, .15);
font-size: 15px;
box-shadow: rgba(23, 43, 99, .4) 0 7px 28px;
}
@media (max-width: 600px) {
#cookie-law-div {
border-radius: 0;
max-width: 100%;
right: 0;
bottom: 0;
}
}
#cookie-law-div a {
font-size: 15px;
text-decoration: none;
border-bottom: 1px solid rgba(0, 0, 0, .5);
}
#cookie-law-div a:hover {
opacity: .7;
}
#cookie-law-div p {
margin: 0;
color: #000;
padding-right: 50px;
}
#cookie-law-div button {
position: absolute;
right: .5em;
top: 20px;
align-self: center;
line-height: 1;
color: #fff;
background-color: #000;
border: none;
opacity: .60;
font-size: 12px;
cursor: pointer;
border-radius: 50px;
margin-right: 14px;
}
#cookie-law-div button:hover {
opacity: 1;
}
.main-post h1{
font-size: 29px; margin: 20px; text-align: center; 
}
@media (max-width: 575px){
.main-post h1{
font-size: 20px; margin: 20px; text-align: center; 
}}
a.tob {
font-weight: 100;
}
.post.post-thumb {box-shadow: 0 12px 17px rgb(0 0 0 / 15%);}
.post {
box-shadow: 0 12px 17px rgb(0 0 0 / 15%);
}
.post-body {
padding: 15px;
}
.post.post-widget{padding: 10px;box-shadow: 0 2px 4px rgb(0 0 0 / 15%);}
.section-title {
text-shadow: 2px 2px 4px #5b3434;
}
.h3.post-title{
margin-top: 0px;
}
.img-responsive {box-shadow: 0 12px 17px rgb(0 0 0 / 40%);}
.aside-widget.sticky-sidebar {position: -webkit-sticky;position: sticky;top: 0;padding-top: 20px;}
b, strong {
font-weight: 900;
font-family: 'Nunito Sans',sans-serif;
}
.sticky-sidebar{
position: -webkit-sticky;
position: sticky;
top: 0;
padding-top: 10px;
}
.tob strong {
font-weight: 100;
font-family: 'Nunito';
}
ol.continue {
padding-left: 25px;
}
span.views {
color: crimson;
}
.wp-caption-text 
{
margin-bottom: 10px;
font-size: 15px;
margin-top: 10px;
font-weight: bold;
}
.related-posts {
background:#fff;  margin-bottom:30px;
border-radius:3px;
box-shadow: 0 12px 17px rgb(0 0 0 / 40%);
}
}
.related-posts-list {
list-style-type:none;
margin:0;
padding:0;
width:100%
}
.related-posts-list li {
display:inline-block;
width:33.33333%;
margin:0;
float:left;
padding:15px
}
.related-posts-list li h4 {
font-size:16px;
color:#353535
}
.widget-title{
font-size: x-large;
margin: 10px;
padding-top: 10px;
font-weight: 900;
}
.related-post-title {
text-align: center;
margin: 10px;
font-size: 16px;
}
.video-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
margin-bottom: 20px;
}
.video-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
.🍞,
.bread {
list-style-type: none;
margin:0;
padding:0;
}
.🍞 li,
.bread li {
display: inline-block;
}
.🍞 li.crumb:last-child a,
.bread li.crumb:last-child a {
text-decoration: none;
pointer-events: none;
color: inherit;
}
.page-header-breadcrumb li.breadcrumb:last-child a,
.page-header-breadcrumb li.breadcrumb:last-child a{text-decoration: none;
pointer-events: none;
color: inherit;}
.featured-image-caption {
font-size: 17px;
text-align: end;
padding: 3px 10px;
font-weight: bold;
color: black;
}
@media (max-width:575px){
.featured-image-caption {
font-size: 13px;
text-align: end;
padding: 3px 10px;
font-weight: bold;
color: black;}}
.written-by{
text-align: left; 
margin-bottom: 10px; 
font-weight: 800;
line-height: 1.6;
letter-spacing: 0.150px;
font-size: 16px;
overflow-wrap: break-word;
color: #717171;
}
@media (max-width:575px)
{
.written-by{font-size: 10px; }
.page-header-breadcrumb li.breadcrumb:last-child a{display: none;}
.page-header .page-header-breadcrumb li, .page-header .page-header-breadcrumb li a{font-size: 10px;}
.section-title {display: none;}
.related-posts{display: none;}
}
tr:nth-child(even) {background-color: #f2f2f2;}
h1.section-title {
text-align: center;
}
footer.comment-meta {
float:left;
}
a.comment-reply-link{float:right;}
.comment-content{overflow:hidden;}
blockquote {
padding: 10px 20px !important;
margin: 0 0 20px !important;
font-size: 20px !important;
border-left:none !important;
}
@media only screen and (max-width:500px) {
blockquote {
font-size: 16px !important;
}
}
.inshort {
list-style-type: disc!important;
border-radius: 20px;
border-width: 3px;
border-color: #fcc6c6;
padding: 25px 30px;
margin-bottom: 25px;
box-shadow: 0 10px 20px rgb(0 0 0 / 30%);
line-height: 1.8;
}/*/*/@import url("https://fonts.googleapis.com/css?family=Raleway:200");
.gradient-border {
--borderWidth: 3px;
background: #ffffff;
position: relative;
border-radius: var(--borderWidth);
}
.gradient-border:after {
content: '';
position: absolute;
top: calc(-1 * var(--borderWidth));
left: calc(-1 * var(--borderWidth));
height: calc(100% + var(--borderWidth) * 2);
width: calc(100% + var(--borderWidth) * 2);
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
border-radius: calc(2 * var(--borderWidth));
z-index: -1;
animation: animatedgradient 3s ease alternate infinite;
background-size: 300% 300%;
}/**/ol{
list-style-type:decimal!important;
}/*/*//**/  /*/*/.post .post-meta {
margin-top: 15px;
margin-bottom: 15px;
padding: 0px;
}
.col-md-12{
padding:auto 10px!important;
}
.post .post-title {
font-size: 15px;
margin-bottom: 0;
}
.post-body p{
margin:0px;
line-height: 1.8;
padding-bottom: 0px;
}/*/*//**/.img-listing {
height:230px;
width:321px;
}
.img-listing img{
width:100%!important; display: block!important;
margin:auto!important;
object-position:center !important;
object-fit: contain;
}
ul {
margin: 0;
padding: 0;
list-style: disc !important;;
} .author-page {
margin-top: 40px;
}
.author-profile {
background: #ffffff;
padding: 40px 20px;
box-shadow: 0 12px 17px rgb(0 0 0 / 15%);
margin-bottom: 50px;
}
.author-img {
border-radius: 50%;
}
.author-title {
font-size: 32px;
font-weight: 900;
margin-bottom: 15px;
}
.author-description {
font-size: 17px;
line-height: 1.8;
color: #555;
}
.author-stats {
margin-top: 15px;
font-weight: 700;
color: #c0392b;
}
.author-social {
margin-top: 20px;
}
.author-social-icon {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #f4f4f4;
margin-right: 10px;
border-radius: 50%;
color: #333;
transition: 0.3s ease;
}
.author-social-icon:hover {
background: #ff8700;
color: #fff;
} .author-post-heading {
margin-bottom: 30px;
font-size: 26px;
font-weight: 900;
}
.author-post-box {
background: #fff;
box-shadow: 0 12px 17px rgb(0 0 0 / 15%);
padding: 15px;
margin-bottom: 30px;
transition: 0.3s ease;
}
.author-post-box:hover {
transform: translateY(-5px);
}
.author-post-title {
font-size: 18px;
margin-top: 10px;
}
.author-post-title a {
text-decoration: none;
color: #212631;
}
.author-post-title a:hover {
color: #ff8700;
}
.author-post-date {
font-size: 13px;
color: #888;
}
.author-post-excerpt {
font-size: 15px;
margin-top: 10px;
} .author-page ul {
list-style: none !important;
} .post-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .post.post-thumb {
position: relative;
overflow: hidden;
}
.post.post-thumb .post-img {
display: block;
}
.post.post-thumb .post-img img {
width: 100%;
height: auto;
display: block;
}
.post.post-thumb .post-body {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 25px;
box-sizing: border-box;
background: linear-gradient(
to top,
rgba(0,0,0,0.75) 0%,
rgba(0,0,0,0.4) 50%,
rgba(0,0,0,0) 100%
);
color: #fff;
} .post.post-thumb {
background: transparent !important;
} .post.post-thumb {
position: relative;
overflow: hidden;
}
.post.post-thumb .post-img img {
width: 100%;
height: auto;
display: block;
}
.post.post-thumb .post-body {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
background: linear-gradient(
to top,
rgba(0,0,0,0.8) 0%,
rgba(0,0,0,0.4) 50%,
rgba(0,0,0,0) 100%
);
color: #fff;
}