@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');
/* *{
    font-family: "Nunito", sans-serif;
} */
body{
    color: rgba(255, 255, 255, .87);
    background-color: #000011;
}
.flexi{
    max-width: 1285px;
}
header{
    padding-top: 70px;
    min-height: 100vh;
}
*::-webkit-scrollbar-thumb {
    background: #FFA302;
    border-radius: 20px;
}
*::-webkit-scrollbar-track {
    background: #242424;
}
*::-webkit-scrollbar {
    width: 5px;
}
.btn-main{
   background: white;
   color:#000011;
   transition: 0.5s;
   /* border: 2px solid white; */

}
.btn-main .btn-glow{
    opacity:0;
    transition: 0.5s;
 }
.btn-main:hover{
    background-color: transparent;
    /* border-width: 2px;
    border-style: solid; */
    /* border-image: linear-gradient(to right, rgb(248, 163, 18) , rgb(138, 170, 255),rgb(70, 50, 246)) 1; */
}
.btn-main:hover .btn-glow{
    opacity:1;
}
.title{
    color: rgba(255, 255, 255, .87);
}
.text{
    color: rgba(235, 235, 235, .6);
}
.text2{
    color: rgb(173, 172, 172);
}
.secColor{
    color: #FFA302;
}
.secBg{
    background-color: #FFA302;
}
.bg1{
    background-color: rgb(14,17,41)
}
.bg2{
    background-color: #2f2f2f;
}
.bg3{
    background-color: #1a1a1a;
}
.bg4{
    background-color: rgb(248, 163, 18,.1);
}
a{
    transition: all 0.2s ease;
}
a.active {
    color: #FFA302 !important;
    font-weight: bold;
}
.colorHover:hover{
    color: #FFA302;
}
.btnHover:hover{
    filter: brightness(1.3);
}
.brdrHover:hover{
    border: 1px solid #FFA302;
}
.myBrdr{
    border: 1px solid rgb(138, 170, 255,.5);
}
.tip{
    background-color: rgb(14,17,41);
    border-radius: .5rem;
    border: #FFA302 solid 1px;
    padding: 15px;
    color: #FFA302;
    font-size: 14px;
    line-height: 24px;
    margin-top: 30px;
}
.tip div:nth-child(1){
    font-weight: bold;
}
.tip div:nth-child(2){
    padding: 10px 0;
}
pre {
    white-space: inherit;
}
code {
    white-space: pre;
}
[guide]{
    padding-top: 70px;
    padding-left: 275px;
}
@media (max-width: 768px) {
    [guide]{
        padding-top: 90px;
        padding-left: 0;
    }
    header{
        padding-top: 120px; 
    }
}

/* highlighting */
.hljs,.hljs-class .hljs-title,.hljs-params,.hljs-subst,.hljs-tag,.hljs-title.class_{color:#f8f8f2!important}pre code.hljs{display:block!important;overflow-x:auto!important;padding:1em!important}code.hljs{padding:3px 5px!important}.hljs{background:rgb(14,17,41)!important}.hljs-emphasis,.hljs-strong{color:#a8a8a2!important}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#FFA302!important}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e!important}.hljs-strong{font-weight:700!important}.hljs-emphasis{font-style:italic!important}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f92672!important}.hljs-attribute,.hljs-symbol{color:#66d9ef!important}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74!important}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e!important}