img{max-width: 100%;}
body {background-image: url('/images/youtube-bg.png');background-repeat: no-repeat;background-size: 100%;}
.title-desc {display:inline-flex;align-items:center}
nav {padding:1px !important;font-size:14px;z-index:9;background-color:#f8faff;}
.dropdown-menu {--bs-dropdown-bg: #0f0a0a;--bs-dropdown-border-color: var(--bs-border-color-translucent);--bs-dropdown-link-color: #fdfeff;--bs-dropdown-min-width:max-content;}
.dropdown-menu:hover {background-color: #0f0a0a;}
header nav li :hover{background-color: #dcdcdc;border-radius: 6px;transition: background-color 0.5s ease, transform 0.4s ease;color: #7c2feb !important;}
header nav li img {border-radius:4px; margin-right:3px;}
header nav .nav-item {box-shadow: 0 0.125rem 0.25rem #00000013 !important;}
.navbar-nav .dropdown-menu {display: none; position:absolute;}
.dropdown.show .dropdown-menu {display: block;}
.navlanguage {margin-bottom:auto;margin-top:auto;}
#info-section,#form-section,.bgnone {background-color:transparent !important;}
.menutool a{margin-bottom:2px;padding-left:6px}
.hmrek { display:block;} 
.phead {font-size:1.2rem;} 
.vbaslik{font-size:1.6vw}
h1,h2,h3,.vertr,.ytimgdown,.ytimgdownload,.tagextractor {letter-spacing: -0.02em;}
h2,h3,h4 {text-align:center;}
.h2image {width: 50px;height: 40px;border-radius:8px;margin-right: .25rem;}
#description-section,article, section,.descbg{background-color:#FAFBFD;}
#description-section p, article p,section p {font-size: 1.1rem;} 
.vertr, .ytimgdown,.ytimgdownload,.tagextractor {margin-top:10px;word-wrap:break-word;background-color:#f8faff;}
.bannerstyle {width: 100%;aspect-ratio: 428/69;overflow: hidden;border-radius:1rem 1rem 0px 0px;}
.d-pack {opacity: 0; animation: fadeIn 0.1s linear 0.1s forwards;}
.d-pack2 {opacity: 0; animation: fadeIn 0.2s linear 0.2s forwards;}
.d-pack3 {opacity: 0; animation: fadeIn 0.3s linear 0.3s forwards;}
.d-pack6 {opacity: 0; animation: fadeIn 0.6s linear 0.6s forwards;}
@keyframes fadeIn {to {opacity: 1;}}
.op { opacity: 0; animation: fadeIn 3s forwards; } @keyframes fadeIn { 0%{ opacity: 0;  } 100%{ opacity: 1;  }}
.vimage {border-radius: 30%;width: 100px;height: 90px;margin-top: -25px;border: 3px solid #b449ca;}
article caption, section caption{color:#1eec51;caption-side:top;background:#000;padding:6px}
article td,article th,section th,section td{flex:1 0;align-items:center;justify-content:start!important;padding:.1rem;border:1px solid #bfbfbf;border-collapse:collapse;border-spacing:0;padding-left:5px;}
.mblue {color:blue;}.mgreen{color:#185e24;}.mred{color:red;}.morange{color:orange;}
.dataform{width:80%;margin:auto;}
.inputv{background-color:#f5f5fa;border:1px solid #713879;border-radius:1rem; transition: background-color 0.5s ease, transform 0.4s ease; font-size:14px;}
.inputv:focus {box-shadow:0 0 0 .1rem #420dfd40;}
.inputd{border-radius:6px;font-size:14px;background-color:#f5f5fa;margin:4px;transition: background-color 0.5s ease, transform 0.4s ease;}
.inputm {background-color: #f0f3f0bd;transition: background-color 0.4s ease, transform 0.3s ease;}
.inputm:focus, .inputd:focus {color: var(--bs-body-color) !important;background-color: var(--bs-body-bg);border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 .1rem #0d6efd40;}
#checker {border:1px solid #713879;border-radius: 0 10px 10px 0;}
#checker:hover {background-color: #109919 !important;}
.ayz {color: #2fa4e7;text-decoration: none;}
a:focus, a:hover {color: #0ac90a !important;}
.yaz {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.42857143;color: #555;padding-left: 5px;padding-right: 5px;} 
.button-85:disabled {color: gray;background-color: var(--bs-button-85-disabled-bg);opacity: 0.55;}
tr:nth-of-type(2n+1) {background-color: #e5e5e5;}
.footer {background: #333549;color: #FFF;font-size:14px;}
.footer ul{border-block: 1px solid #8b8f9c8f;}
.yt-wait{aspect-ratio:2;background:radial-gradient(farthest-side,red 90%,#0000) 0 0/8px 8px,radial-gradient(farthest-side,red 90%,#0000) 0 0/8px 8px,radial-gradient(farthest-side,red 90%,#0000) 0 0/8px 8px,radial-gradient(farthest-side,red 90%,#0000) 0 0/8px 8px,radial-gradient(farthest-side,#000 90%,#0000) 0 0/8px 8px,linear-gradient(#fff 0 0) center/100% 10px ,linear-gradient(#fff 0 0) right/50% 85%;background-repeat:no-repeat;animation:yt10 2s infinite;width:15px;padding:5px;}@keyframes yt10{0%{background-position:top 1px right 1px,right 1px bottom 1px,top 1px left 31px,bottom 1px left 31px,-10px 50%,50%,right}50%,60%{background-position:top 1px right 1px,right 1px bottom 1px,top 1px left 31px,bottom 1px left 31px,left 75% top 50%,50%,right}80%{background-position:75% 50%,75% 50%,75% 50%,75% 50%,left 75% top 50%,50%,right}80.01%{background-position:75% 50%,75% 50%,75% 50%,75% 50%,-10px 50%,50%,right}100%{background-position:top 1px right 1px,right 1px bottom 1px,top 1px left 31px,bottom 1px left 31px,-10px 50%,50%,right}}.ytwaitmain{margin-left:2px;margin-right:-3px}
#typewriter{margin:0;display:flex;flex-wrap:wrap;padding:2px}#typewriter::after{content:"|";animation:.5s linear infinite alternate blink}@-webkit-keyframes blink{0%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:0}100%{opacity:1}}@keyframes blink{0%{opacity:0}100%{opacity:1}}.pret{line-height:1.4;color:#15fb3c;background:#000;font-size:14px;border-radius:5px}
.blink_me{animation:1s linear infinite blinker}@keyframes blinker{50%{opacity:0}}
.toptopic{text-align: left;line-height: 2rem;font-size: 1.3vw;font-weight: 600;}
.mediumtopic{text-align: left;line-height: 2.2rem;font-size: 1.3vw;}
.balon-content{display:none;background-color:#000;line-height:1.4;padding:8px;border-radius:5px;border:3px double #eae1ea;font-size:1rem;max-width:max-content;}
.morehidden{display:none}
.btnclasmore {color: #4436ade5;padding: 1px 3px;border: solid 1px #18191569;border-radius: 4px;cursor: pointer;transition: background-color 0.5s ease, transform 0.4s ease;background: linear-gradient(360deg, #cea1f126, #d6bfe652);box-shadow: 1px 1px #9286bf75;letter-spacing: -0.03em;}
.btnclasmore:hover{color:#76ed13;background-color:#373339;border-color:#86bfb2}
.baloninfobutton {border-radius: 48%;cursor: pointer;transition: background-color 0.5s ease, transform 0.4s ease;}
.baloninfobutton:hover {background-color: #cc89eaa6; box-shadow: 0px 0px 2px 1.5px #2fe83afc !important;}
.baloninfobutton:active {transform: scale(0.9);}
.tableb {font-size: 1.2vw;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;color: #333;}.tableb tr:hover {background-color:#d381f1a1;}
table {flex-flow: column nowrap;line-height: 1.25;border: 0;}
table, td, th, tr {display: flex;}table {line-height: 1.25;}
.side {padding-left:1rem;}
.side li {display: inline-block;border: 1px solid #e0e0fc;margin-top: 10px;border-radius: 6px;font-family: math;margin-right: 8px;min-width: 99px;padding:0 5px;text-align: center;}
@media (max-width: 1280px) {.toptopic, .mediumtopic {font-size: 18px;line-height:1.9rem;} .tableb {font-size: 1.1rem;}}
@media (max-width: 768px) {
.toptopic, .mediumtopic {font-size: 17px;line-height:1.8rem;}
.hmrek, .h1image, .h2image { display: none; } .phead {font-size:1.1rem;}.vbaslik{font-size:1.2rem}.vimage {width: 70px;height: 60px;margin-top: -19px;}.tableb {font-size: 1rem;}.aspimg{aspect-ratio: 428/200;}.dataform{width:99%} article li,section li {font-size: 1rem;}
}