ONE PIECE HACKING

Ngiler SH3LL 360
: / home / tbf / newweb.tbf.ro / resources / scss / Tbf /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	89.40.16.97
System	Linux server.atelieruldeit.ro 3.10.0-1160.el7.x86_64 #1 SMP Mon Oct 19 16:18:59 UTC 2020 x86_64
User	tbf
PHP Version	7.3.33
Software	Apache
Doc root	Writable

Edit File : _show_post.scss \| Size : 13.18 KB
.white-wrapper{ background: #fff; position: relative; .post-arrow-left{ width: 24px; height: 24px; position: fixed; bottom: 50px; left: 50px; z-index: 9; cursor: pointer; @media(max-width: 1024px){ bottom: 30px; left: 30px; } @media(max-width: 959px){ bottom: 25px; left: 25px; } @media(max-width: 799px){ bottom: 16px; left: 16px; } } .post-arrow-right{ width: 24px; height: 24px; position: fixed; bottom: 50px; right: 50px; z-index: 9; cursor: pointer; @media(max-width: 1024px){ bottom: 30px; right: 30px; } @media(max-width: 959px){ bottom: 25px; right: 25px; } @media(max-width: 799px){ bottom: 16px; right: 16px; } } .show-post{ width: 100%; max-width: 1146px; margin: 0 auto; .header{ padding: 55px 0; display: flex; justify-content: center; flex-direction: column; align-items: center; border-bottom: 1px solid #000; margin-bottom: 52px; @media(max-width: 800px){ margin-bottom: 30px; } @media(max-width: 670px){ padding: 35px 0 25px; } h1{ font-weight: normal; font-size: 48px; line-height: 109%; color: #141313; margin-bottom: 20px; @media(max-width: 1440px){ font-size: 41px; } @media(max-width: 1280px){ font-size: 34px; } @media(max-width: 1024px){ font-size: 31px; } @media(max-width: 800px){ font-size: 34px; margin-bottom: 20px; } @media(max-width: 670px){ font-size: 29px; } @media(max-width: 400px){ font-size: 26px; } } .info{ display: flex; align-items: center; justify-content: center; margin-bottom: 0px; @media(max-width: 670px){ justify-content: space-around; width: 100%; } span{ font-weight: normal; font-size: 14px; line-height: 150%; color: #141313; opacity: 0.7; margin-right: 30px; display: flex; align-items: center; @media(max-width: 670px){ font-size: 12px; margin-right: 0; margin-bottom: 15px; } svg{ margin-right: 9px; } &.last{ margin-right: 0px; &:hover{ opacity: 1; } a{ display: flex; align-items: center; } } a{ color: #141313; /opacity: 0.7;/ text-decoration: none; } } } } &.without-left-side{ .right-side{ max-width: 100% !important; p{ strong{ color: initial !important; } } } } .body{ display: flex; @media(max-width: 800px){ flex-direction: column; } .left-side{ width: 224px; margin-right: 128px; display: flex; flex-direction: column; height: fit-content; @media(max-width: 1280px){ margin-right: 100px; } @media(max-width: 1024px){ margin-right: 80px; } @media(max-width: 800px){ width: 100%; align-items: center; // flex-direction: row; margin-bottom: 50px; margin-right: 0; } .first-box{ flex: 1; white-space: nowrap; } .share-box{ flex: 1; } .guest-box{ font-weight: normal; font-size: 14px; line-height: 150%; color: #181B30; padding: 16px 0; border-top: 1px solid #93939347; border-bottom: 1px solid #93939347; margin-bottom: 16px; @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ border-top: 0; border-bottom: 0; margin-bottom: 0; text-align: center; } @media(max-width: 670px){ font-size: 12px; } span{ display: block; margin-bottom: 7px; } } .hastag{ font-weight: normal; font-size: 64px; line-height: 109%; color: $yellow; margin-bottom: 32px; @media(max-width: 1440px){ font-size: 55px; } @media(max-width: 1280px){ font-size: 45px; } @media(max-width: 1024px){ font-size: 39px; } @media(max-width: 800px){ font-size: 36px; text-align: center; margin-bottom: 10px; } @media(max-width: 670px){ font-size: 29px; } @media(max-width: 400px){ font-size: 26px; } } .date{ font-weight: normal; font-size: 14px; line-height: 150%; color: #181B30; margin-bottom: 16px; &.border-bottom{ padding-bottom: 16px; border-bottom: 1px solid #93939347; } @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ text-align: center; margin-bottom: 0; } @media(max-width: 670px){ font-size: 12px; } span{ display: block; margin-bottom: 7px; } } .sharetext{ font-weight: normal; font-size: 14px; line-height: 150%; color: #181B30; margin-bottom: 16px; @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ display: none; } } .social{ display: flex; align-items: flex-start; @media(max-width: 800px){ justify-content: center; } a{ display: block; cursor: pointer; width: 32px; height: 32px; background: #F7F7F7; border-radius: 100%; margin-right: 11px; display: flex; align-items: center; justify-content: center; svg{ height: 13px; } &:hover{ background: #000; svg{ .stroke-color{ stroke: #fff; fill: #fff; } } } } } } .right-side{ max-width: 656px; flex: 1; .hastag{ font-weight: normal; font-size: 26px; line-height: 109%; color: $yellow; margin-bottom: 10px; } .guest{ display: flex; font-size: 12px; line-height: 150%; color: #181B30; span{ display: block; margin-right: 5px; } } .social{ display: flex; align-items: flex-start; a{ display: block; cursor: pointer; width: 32px; height: 32px; background: #F7F7F7; border-radius: 100%; margin-right: 11px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; &:last-child{ margin-right: 0; } svg{ height: 13px; } &:hover{ background: #000; svg{ .stroke-color{ stroke: #fff; fill: #fff; } } } } } h1{ font-weight: bold; font-size: 32px; line-height: 1.2; color: #1A1A1A; margin-bottom: 40px; @media(max-width: 1440px){ font-size: 28px; } @media(max-width: 1280px){ font-size: 26px; margin-bottom: 30px; } @media(max-width: 1024px){ font-size: 24px; } @media(max-width: 800px){ font-size: 23px; margin-bottom: 20px; } @media(max-width: 670px){ font-size: 20px; } @media(max-width: 400px){ font-size: 18px; } } p{ font-weight: normal; font-size: 18px; line-height: 2; color: #080808; margin-bottom: 46px; @media(max-width: 1280px){ font-size: 16px; margin-bottom: 30px; } @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ font-size: 16px; margin-bottom: 20px; } @media(max-width: 670px){ font-size: 14px; } @media(max-width: 400px){ font-size: 12px; } strong{ color: $yellow; } a{ font-size: 18px; line-height: 2; color: #080808; @media(max-width: 1280px){ font-size: 16px; } @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ font-size: 16px; } @media(max-width: 670px){ font-size: 14px; } @media(max-width: 400px){ font-size: 12px; } } &.no-margin{ margin-bottom: 20px; } } a{ font-size: 18px; line-height: 2; color: #080808; @media(max-width: 1280px){ font-size: 16px; } @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ font-size: 16px; margin-bottom: 20px; } @media(max-width: 670px){ font-size: 14px; } @media(max-width: 400px){ font-size: 12px; } } ol, ul{ padding-left: 13px; margin-bottom: 40px; li{ font-size: 18px; line-height: 2; color: #080808; @media(max-width: 1280px){ font-size: 16px; } @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ font-size: 16px; margin-bottom: 20px; } @media(max-width: 670px){ font-size: 14px; } @media(max-width: 400px){ font-size: 12px; } } } #buzzprout{ margin-top: 70px; margin-bottom: 70px; @media(max-width: 1280px){ margin-top: 50px; margin-bottom: 50px; } @media(max-width: 800px){ margin-top: 40px; margin-bottom: 40px; } @media(max-width: 670px){ margin-top: 30px; margin-bottom: 30px; } } hr{ margin: 50px 0px; margin-top: 0px; width: 100%; border: 0px; border-bottom: 1px solid rgba(143,143,143,0.7); } h4{ font-size: 18px; line-height: 2; font-weight: bold; text-transform: uppercase; color: #080808; margin-bottom: 40px; @media(max-width: 1280px){ font-size: 16px; } @media(max-width: 1024px){ font-size: 14px; } @media(max-width: 800px){ font-size: 16px; margin-bottom: 20px; } @media(max-width: 670px){ font-size: 14px; } @media(max-width: 400px){ font-size: 12px; } } } } .tbf-webinar-intro{ position: relative; margin-bottom: 70px; @media(max-width: 640px){ margin-bottom: 40px; } .countdown-mobile{ display: flex; align-items: center; justify-content: center; height: 100px; border-radius: 20px; border: 2px solid #444; background: rgba(49, 49, 49, 0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); position: relative; padding: 10px; .box-time{ margin: 0 15px; text-align: center; flex: 1; .value{ color: #FFF; font-size: 32px; margin-bottom: 15px; } .label{ color: rgba(255,255,255,0.5); text-transform: uppercase; font-size: 13px; } } } .countdown{ display: flex; justify-content: center; .coutdown-part{ position: relative; flex: 1; max-width: 240px; margin: 0 15px; @media(max-width: 1439px){ max-width: 230px; } @media(max-width: 1365px){ max-width: 220px; } @media(max-width: 1279px){ max-width: 210px; } @media(max-width: 959px){ max-width: 200px; } @media(max-width: 799px){ max-width: 180px; } @media(max-width: 640px){ max-width: 160px; } } .box-countdown{ height: 210px; border-radius: 20px; border: 2px solid #444; background: rgba(49, 49, 49, 0.4); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); display: flex; flex-direction: column; overflow: hidden; z-index: 9; @media(max-width: 1439px){ height: 210px; } @media(max-width: 1365px){ height: 190px; } @media(max-width: 1279px){ height: 180px; } @media(max-width: 959px){ height: 170px; } @media(max-width: 799px){ height: 160px; } @media(max-width: 640px){ height: 150px; } .value{ flex: 1; color: #FFF; font-size: 46px; display: flex; align-items: center; justify-content: center; width: 100%; @media(max-width: 1365px){ font-size: 40px; } @media(max-width: 1279px){ font-size: 34px; } @media(max-width: 959px){ font-size: 36px; } @media(max-width: 799px){ font-size: 30px; } @media(max-width: 640px){ font-size: 32px; } } .label{ flex: 1; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; background: radial-gradient(104.84% 101.49% at 50% 3.19%, rgba(53, 53, 53, 0.79) 1.04%, rgba(17, 17, 16, 0.7) 96.87%); color: rgba(255, 255, 255, 0.5); text-transform: uppercase; font-size: 18px; @media(max-width: 1365px){ font-size: 16px; } @media(max-width: 1279px){ font-size: 14px; } @media(max-width: 959px){ font-size: 16px; } @media(max-width: 799px){ font-size: 14px; } @media(max-width: 640px){ font-size: 18px; } } } .shadow-box{ position: absolute; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: #171717; width: 80%; left: 50%; transform: translateX(-50%); bottom: -12px; height: 15px; z-index: -1; } } } } } Back

Edit File : _show_post.scss | Size : 13.18 KB

.white-wrapper{
	background: #fff;
	position: relative;
	.post-arrow-left{
		width: 24px;
		height: 24px;
		position: fixed;
		bottom: 50px;
		left: 50px;
		z-index: 9;
		cursor: pointer;
		@media(max-width: 1024px){
			bottom: 30px;
			left: 30px;
		}
		@media(max-width: 959px){
			bottom: 25px;
			left: 25px;
		}
		@media(max-width: 799px){
			bottom: 16px;
			left: 16px;
		}
	}
	.post-arrow-right{
		width: 24px;
		height: 24px;
		position: fixed;
		bottom: 50px;
		right: 50px;
		z-index: 9;
		cursor: pointer;
		@media(max-width: 1024px){
			bottom: 30px;
			right: 30px;
		}
		@media(max-width: 959px){
			bottom: 25px;
			right: 25px;
		}
		@media(max-width: 799px){
			bottom: 16px;
			right: 16px;
		}
	}
	.show-post{
		width: 100%;
		max-width: 1146px;
		margin: 0 auto;
		.header{
			padding: 55px 0;
			display: flex;
		    justify-content: center;
		    flex-direction: column;
		    align-items: center;
		    border-bottom: 1px solid #000;
		    margin-bottom: 52px;
			@media(max-width: 800px){
				margin-bottom: 30px;
		    }
		    @media(max-width: 670px){
	    	    padding: 35px 0 25px;
		    }
			h1{
				font-weight: normal;
				font-size: 48px;
				line-height: 109%;
				color: #141313;
				margin-bottom: 20px;
				@media(max-width: 1440px){
					font-size: 41px;
				}
				@media(max-width: 1280px){
					font-size: 34px;
				}
				@media(max-width: 1024px){
					font-size: 31px;
				}
				@media(max-width: 800px){
					font-size: 34px;
					margin-bottom: 20px;
				}
				@media(max-width: 670px){
					font-size: 29px;
				}
				@media(max-width: 400px){
					font-size: 26px;
				}
			}
			.info{
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 0px;
				@media(max-width: 670px){
					justify-content: space-around;
					width: 100%;
				}
				span{
					font-weight: normal;
					font-size: 14px;
					line-height: 150%;
					color: #141313;
					opacity: 0.7;	
					margin-right: 30px;
					display: flex;
					align-items: center;
					@media(max-width: 670px){
						font-size: 12px;
						margin-right: 0;
						margin-bottom: 15px;
					}
					svg{
						margin-right: 9px;
					}
					&.last{
						margin-right: 0px;
						
						&:hover{
							opacity: 1;
						}
						a{
							display: flex;
							align-items: center;
						}
					}
					a{
						color: #141313;
						/*opacity: 0.7;*/
						text-decoration: none;
					}
				}
			}
		}
		&.without-left-side{
			.right-side{
				max-width: 100% !important;
				p{
					strong{
						color: initial !important;
					}
				}
			}
		}
		.body{
			display: flex;
			@media(max-width: 800px){
				flex-direction: column;
			}
			.left-side{
				width: 224px;
				margin-right: 128px;
				display: flex;
				flex-direction: column;
				height: fit-content;
				@media(max-width: 1280px){
					margin-right: 100px;
				}
				@media(max-width: 1024px){
					margin-right: 80px;
				}
				@media(max-width: 800px){
					width: 100%;
					align-items: center;
					// flex-direction: row;
					margin-bottom: 50px;
					margin-right: 0;
				}
				.first-box{
					flex: 1;
					white-space: nowrap;
				}
				.share-box{
					flex: 1;
				}
				.guest-box{
					font-weight: normal;
					font-size: 14px;
					line-height: 150%;
					color: #181B30;
					padding: 16px 0;
					border-top: 1px solid #93939347;
					border-bottom: 1px solid #93939347;
					margin-bottom: 16px;
					@media(max-width: 1024px){
						font-size: 14px;
					}
					@media(max-width: 800px){
						border-top: 0;
						border-bottom: 0;
						margin-bottom: 0;
						text-align: center;
					}
					@media(max-width: 670px){
						font-size: 12px;
					}
					span{
						display: block;
						margin-bottom: 7px;
					}
				}
				.hastag{
					font-weight: normal;
					font-size: 64px;
					line-height: 109%;
					color: $yellow;
					margin-bottom: 32px;
					@media(max-width: 1440px){
						font-size: 55px;
					}
					@media(max-width: 1280px){
						font-size: 45px;
					}
					@media(max-width: 1024px){
						font-size: 39px;
					}
					@media(max-width: 800px){
						font-size: 36px;
						text-align: center;
						margin-bottom: 10px;
					}
					@media(max-width: 670px){
						font-size: 29px;
					}
					@media(max-width: 400px){
						font-size: 26px;
					}
				}
				.date{
					font-weight: normal;
					font-size: 14px;
					line-height: 150%;
					color: #181B30;
					margin-bottom: 16px;
					&.border-bottom{
						padding-bottom: 16px;
						border-bottom: 1px solid #93939347;
					}
					@media(max-width: 1024px){
						font-size: 14px;
					}
					@media(max-width: 800px){
						text-align: center;
						margin-bottom: 0;
					}
					@media(max-width: 670px){
						font-size: 12px;
					}
					span{
						display: block;
						margin-bottom: 7px;
					}
				}
				.sharetext{
					font-weight: normal;
					font-size: 14px;
					line-height: 150%;
					color: #181B30;
					margin-bottom: 16px;
					@media(max-width: 1024px){
						font-size: 14px;
					}
					@media(max-width: 800px){
						display: none;
					}
				}
				.social{
					display: flex;
					align-items: flex-start;
					@media(max-width: 800px){
						justify-content: center;
					}
					a{
						display: block;
						cursor: pointer;
						width: 32px;
						height: 32px;
						background: #F7F7F7;
						border-radius: 100%;
						margin-right: 11px;
						display: flex;
						align-items: center;
						justify-content: center;
						svg{
							height: 13px;
						}
						&:hover{
							background: #000;
							svg{
								.stroke-color{
									stroke: #fff;
									fill: #fff;
								}
							}
						}
					}
				}
			}
			.right-side{
				max-width: 656px; 
				flex: 1;
				.hastag{
					font-weight: normal;
					font-size: 26px;
					line-height: 109%;
					color: $yellow;
					margin-bottom: 10px;
				}
				.guest{
					display: flex;
					font-size: 12px;
					line-height: 150%;
					color: #181B30;
					span{
						display: block;
						margin-right: 5px;
					}
				}
				.social{
					display: flex;
					align-items: flex-start;
					a{
						display: block;
						cursor: pointer;
						width: 32px;
						height: 32px;
						background: #F7F7F7;
						border-radius: 100%;
						margin-right: 11px;
						display: flex;
						align-items: center;
						justify-content: center;
						margin-bottom: 20px;
						&:last-child{
							margin-right: 0;
						}
						svg{
							height: 13px;
						}
						&:hover{
							background: #000;
							svg{
								.stroke-color{
									stroke: #fff;
									fill: #fff;
								}
							}
						}
					}
				}
				h1{
					font-weight: bold;
					font-size: 32px;
					line-height: 1.2;
					color: #1A1A1A;
					margin-bottom: 40px;
					@media(max-width: 1440px){
						font-size: 28px;
					}
					@media(max-width: 1280px){
						font-size: 26px;
						margin-bottom: 30px;
					}
					@media(max-width: 1024px){
						font-size: 24px;
					}
					@media(max-width: 800px){
						font-size: 23px;
						margin-bottom: 20px;
					}
					@media(max-width: 670px){
						font-size: 20px;
					}
					@media(max-width: 400px){
						font-size: 18px;
					}
				}
				p{
					font-weight: normal;
					font-size: 18px;
					line-height: 2;
					color: #080808;
					margin-bottom: 46px;
					@media(max-width: 1280px){
						font-size: 16px;
						margin-bottom: 30px;
					}
					@media(max-width: 1024px){
						font-size: 14px;
					}
					@media(max-width: 800px){
						font-size: 16px;
						margin-bottom: 20px;
					}
					@media(max-width: 670px){
						font-size: 14px;
					}
					@media(max-width: 400px){
						font-size: 12px;
					}
					strong{
						color: $yellow;
					}
					a{
						font-size: 18px;
						line-height: 2;
						color: #080808;
						@media(max-width: 1280px){
							font-size: 16px;
						}
						@media(max-width: 1024px){
							font-size: 14px;
						}
						@media(max-width: 800px){
							font-size: 16px;
						}
						@media(max-width: 670px){
							font-size: 14px;
						}
						@media(max-width: 400px){
							font-size: 12px;
						}
					}
					&.no-margin{
						margin-bottom: 20px;
					}
				}
				a{
					font-size: 18px;
					line-height: 2;
					color: #080808;
					@media(max-width: 1280px){
						font-size: 16px;
					}
					@media(max-width: 1024px){
						font-size: 14px;
					}
					@media(max-width: 800px){
						font-size: 16px;
						margin-bottom: 20px;
					}
					@media(max-width: 670px){
						font-size: 14px;
					}
					@media(max-width: 400px){
						font-size: 12px;
					}
				}
				ol,
				ul{
					padding-left: 13px;
					margin-bottom: 40px;
					li{
						font-size: 18px;
						line-height: 2;
						color: #080808;
						@media(max-width: 1280px){
							font-size: 16px;
						}
						@media(max-width: 1024px){
							font-size: 14px;
						}
						@media(max-width: 800px){
							font-size: 16px;
							margin-bottom: 20px;
						}
						@media(max-width: 670px){
							font-size: 14px;
						}
						@media(max-width: 400px){
							font-size: 12px;
						}
					}
				}
				#buzzprout{
					margin-top: 70px;
					margin-bottom: 70px;
					@media(max-width: 1280px){
						margin-top: 50px;
						margin-bottom: 50px;
					}
					@media(max-width: 800px){
						margin-top: 40px;
						margin-bottom: 40px;
					}
					@media(max-width: 670px){
						margin-top: 30px;
						margin-bottom: 30px;
					}
				}
				hr{
					margin: 50px 0px;
					margin-top: 0px;
					width: 100%;
					border: 0px;
					border-bottom: 1px solid rgba(143,143,143,0.7);
				}
				h4{
					font-size: 18px;
					line-height: 2;
					font-weight: bold;
					text-transform: uppercase;
					color: #080808;
					margin-bottom: 40px;
					@media(max-width: 1280px){
						font-size: 16px;
					}
					@media(max-width: 1024px){
						font-size: 14px;
					}
					@media(max-width: 800px){
						font-size: 16px;
						margin-bottom: 20px;
					}
					@media(max-width: 670px){
						font-size: 14px;
					}
					@media(max-width: 400px){
						font-size: 12px;
					}
				}

}
		}
		.tbf-webinar-intro{
			position: relative;
			margin-bottom: 70px;
			@media(max-width: 640px){
				margin-bottom: 40px;
			}
			.countdown-mobile{
				display: flex;
				align-items: center;
				justify-content: center;
				height: 100px;
				border-radius: 20px;
				border: 2px solid #444;
				background: rgba(49, 49, 49, 0.4);
				backdrop-filter: blur(20px);
				-webkit-backdrop-filter: blur(20px);
				position: relative;
				padding: 10px;
				.box-time{
					margin: 0 15px;
					text-align: center;
					flex: 1;
					.value{
						color: #FFF;
						font-size: 32px;
						margin-bottom: 15px;
					}
					.label{
						color: rgba(255,255,255,0.5);
						text-transform: uppercase;
						font-size: 13px;
					}
				}
			}
			.countdown{
				display: flex;
				justify-content: center;
				.coutdown-part{
					position: relative;
					flex: 1;
					max-width: 240px;
					margin: 0 15px;
					@media(max-width: 1439px){
						max-width: 230px;
					}
					@media(max-width: 1365px){
						max-width: 220px;
					}
					@media(max-width: 1279px){
						max-width: 210px;
					}
					@media(max-width: 959px){
						max-width: 200px;
					}
					@media(max-width: 799px){
						max-width: 180px;
					}
					@media(max-width: 640px){
						max-width: 160px;
					}
				}
				.box-countdown{
					height: 210px;
					border-radius: 20px;
					border: 2px solid #444;
					background: rgba(49, 49, 49, 0.4);
					backdrop-filter: blur(20px);
					-webkit-backdrop-filter: blur(20px);
					display: flex;
					flex-direction: column;
					overflow: hidden; 
					z-index: 9;
					@media(max-width: 1439px){
						height: 210px;
					}
					@media(max-width: 1365px){
						height: 190px;
					}
					@media(max-width: 1279px){
						height: 180px;
					}
					@media(max-width: 959px){
						height: 170px;
					}
					@media(max-width: 799px){
						height: 160px;
					}
					@media(max-width: 640px){
						height: 150px;
					}
					.value{
						flex: 1;
						color: #FFF;
						font-size: 46px;
						display: flex;
						align-items: center;
						justify-content: center;
						width: 100%;
						@media(max-width: 1365px){
							font-size: 40px;
						}
						@media(max-width: 1279px){
							font-size: 34px;
						}
						@media(max-width: 959px){
							font-size: 36px;
						}
						@media(max-width: 799px){
							font-size: 30px;
						}
						@media(max-width: 640px){
							font-size: 32px;
						}
					}
					.label{
						flex: 1;
						text-align: center;
						display: flex;
						align-items: center;
						justify-content: center;
						width: 100%;
						background: radial-gradient(104.84% 101.49% at 50% 3.19%, rgba(53, 53, 53, 0.79) 1.04%, rgba(17, 17, 16, 0.7) 96.87%);
						color: rgba(255, 255, 255, 0.5);
						text-transform: uppercase;
						font-size: 18px;
						@media(max-width: 1365px){
							font-size: 16px;
						}
						@media(max-width: 1279px){
							font-size: 14px;
						}
						@media(max-width: 959px){
							font-size: 16px;
						}
						@media(max-width: 799px){
							font-size: 14px;
						}
						@media(max-width: 640px){
							font-size: 18px;
						}
					}
				}
				.shadow-box{
					position: absolute;
					border-bottom-left-radius: 20px;
					border-bottom-right-radius: 20px;
					background: #171717;
					width: 80%;
					left: 50%;
					transform: translateX(-50%);
					bottom: -12px;
					height: 15px;
					z-index: -1;
				}
			}
		}
	}
}

Back