body {margin: 0; padding: 0; background: #0f0f0f; color: #a6a6a6;} body,input,select,textarea {font-family: Roboto,Helvetica,sans-serif; font-size: 17pt; font-weight: 300; line-height: 1.65;} h1 {font-size: 2.5em; line-height: 1.2; font-family: skfont; font-weight: 400; font-style: normal; display: inline-block; border-right: 25px solid #fff; padding-right: 25px; letter-spacing: 0; margin-bottom: 0;} a {-moz-transition: color .2s ease,border-bottom .2s ease; -webkit-transition: color .2s ease,border-bottom .2s ease; -ms-transition: color .2s ease,border-bottom .2s ease; transition: color .2s ease,border-bottom .2s ease; text-decoration: none; color: inherit;} a:hover {border-bottom-color: transparent;} .btnContainer .button {box-shadow: inset 0 0 0 2px rgba(255,255,255,.6);} .btnContainer .button:first-child {margin-right: 10px;} .right-content {padding: 0;} .content-detail {padding: 20px;} .left-content {color: #fff; flex: 1; box-sizing: border-box; max-height: 100vh; overflow-y: auto;} .blog {width: 100%; overflow: auto; background: #000000cc;} .intro-content {text-align: center; margin: 0 auto; padding: 20px; height: calc(100vh - 130px); display: flex; align-items: center; justify-content: center; flex-flow: column;} .intro-content h1 {margin-bottom: 20px;} h3 {padding: 19px 34px; background: #151515; margin: 0;} .footer {border-top: 1px solid rgba(255,255,255,.05); background: rgba(0,0,0,.05); height: 50px; font-size: 16px; display: flex; align-items: center; padding: 0 20px; box-sizing: border-box; font-weight: 500;} .footer a.footer-shoutout {display: flex; align-items: center; gap: 4px;} .footer img.prss-footer-image {margin-left: 2px; margin-top: -2px;} .prss-logo-wrapper {display: flex; align-items: center; gap: 1px;} .qDemo {display: flex; align-items: center; justify-content: center; min-width: 100%; margin-top: 10px;} .blog-articles {display: flex; padding: 20px; gap: 20px; flex-wrap: wrap;} .blog-article {border: 1px solid #262626b8; border-radius: 10px; overflow: hidden; width: calc((100% / 3) - 15px); height: 400px; background: #02020294; box-shadow: 0 0 11px #0000004f;} h4.article-title {margin: 0; padding: 20px 20px 0 20px;} .article-content {padding: 20px;} .featured-image {height: 200px; background-size: cover; background-position: center;} .button,button,input[type=button],input[type=reset],input[type=submit] {-moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-transition: background-color .2s ease-in-out,color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out,color .2s ease-in-out; -ms-transition: background-color .2s ease-in-out,color .2s ease-in-out; transition: background-color .2s ease-in-out,color .2s ease-in-out; border-radius: 8px; border: 0; cursor: pointer; display: inline-block; font-weight: 300; height: 2.75em; line-height: 2.75em; min-width: 9.25em; padding: 0 1.5em; text-align: center; text-decoration: none; white-space: nowrap;} .button:hover {font-weight: 400;} h1:first-child,h2:first-child {margin-top: 0;} div#wrapper {display: flex; height: 100%;} .right-content {background: #efefef; width: 500px; box-sizing: border-box; display: flex; flex-flow: column; padding: 0;} .content-detail {flex: 1; overflow-y: auto; display: flex; flex-flow: column;} h2 {font-size: 25px; display: flex; align-items: center;} input.simple-keyboard-input {border: 0; padding: 20px 10px; font-size: 2em; flex-grow: 1; width: 700px;} input::placeholder {color: #636363;} .keyboardContainer {transition: margin-top 1s ease-in-out .5s,opacity 1s ease-in-out .5s,width .3s linear; overflow: hidden; width: 100%; z-index: 3; max-width: 750px; font-size: 20px; margin-bottom: 40px;} .keyboardContainer .simple-keyboard {background: rgba(255,255,255,.9);} .keyboardContainer .simple-keyboard .hg-button {color: rgba(0,0,0,.7); font-weight: 300; font-size: 17px;} .keyboardContainer .simple-keyboard .hg-button:active {background: rgba(0,0,0,.01);} .inputContainer:after {display: block; content: ""; width: 3.25em; height: 2px; margin: .7em 0 1em 0; border-radius: 2px;} .inputContainer:after {background-color: #ddd; background-image: linear-gradient(90deg,#efa8b0,#a89cc8,#8cc9f0);} .simple-keyboard.hg-theme-default .hg-button[data-skbtnuid^=numbers-] {width: 33%; max-width: none;} .content-block>p:first-child {margin-top: 0;} .content-block:last-child {display: none;} div#codefund a,div#codefund span,div#codefund strong {color: #000 !important; text-decoration: none; border: none;} div#cf {max-width: 500px !important; width: 500px;} h2 em,h2 i {margin-right: 10px !important;} .ul-lang {display: flex; flex-wrap: wrap; list-style: none; padding: 0;} .ul-lang li {background: #e0e0e0; border-radius: 5px; padding: 3px 10px; margin-bottom: 5px; margin-right: 5px;} .fundzone {border-top: 5px solid rgba(0,0,0,.01); height: 163px !important; overflow: hidden;} strong {color: #1c4994;} .qDemo {display: flex; align-items: center; justify-content: center;} .spo-widget {border: none !important; width: 400px; height: 148px;} .content-detail {max-height: calc(100vh - 213px);} .right-content {font-size: 21px; min-height: 100vh;} .post-page.page {min-height: calc(100vh - 106px);} .post-page .title-container {display: flex; align-items: center; justify-content: space-between;} .post-page h1 {padding: 67px 20px; border-right: unset;} .post-page .featured-image {height: 400px; background-size: cover; box-shadow: 0 5px 65px #b4b4b63b,0 5px 6px #b4b4b621; border-radius: 5px; margin-bottom: 20px;} .post-page .article-content {padding: 20px 0;} body.post-body {background: #0f0f0f; color: #a6a6a6;} .post-page .title-container .row .col:nth-child(2) {min-width: 400px !important; justify-content: center; display: flex; align-items: center;} .post-page .title-container .row {width: 100%;} .wp-block-kevinbatdorf-code-block-pro,.wp-block-kevinbatdorf-code-block-pro * {max-width: unset !important; width: unset !important; font-size: 16px !important; border-radius: 10px !important; overflow: hidden;} .wp-block-kevinbatdorf-code-block-pro svg {display: none;} span[data-darkreader-inline-bgcolor]:first-child {display: none !important;} .wp-block-heading {background: 0 0; padding: 30px 0;} @media screen and (max-width:1120px) {div#wrapper {display: block;}.intro-content {min-width: unset; margin: 20px auto !important; height: auto !important;}.content-detail {max-height: unset !important;}.btnContainer {text-align: center;}.blog-articles {flex-flow: column;}.blog-article {width: 100% !important;}.left-content {max-height: unset !important;}.right-content {width: 100%;}h1 {font-size: 26px;}.button {display: block; margin-right: 0 !important; margin-bottom: 10px;}.hg-button.hg-functionBtn.hg-button-space {flex: 5;}} .powered-text {font-size: 14px;}