body {
    text-align: center;
    margin: 0 
}
* {
    scrollbar-width: thin;
    scrollbar-color: dark orange;
    scroll-behavior: auto;
    scroll-behavior: smooth;
    scroll-behavior: inherit;
    scroll-behavior: initial;
    scroll-behavior: unset;
}
*::-webkit-scrollbar {
    width: 12px;
}
*::-webkit-scrollbar-track {
    background: orange;
}
*::-webkit-scrollbar-thumb {
    background-color: dark;
    border-radius: 20px;
    border: 3px solid orange;
}
.logo1 {
    text-align: center;
    margin: 0;
    font: 400 1em/1.5 "Neuton"!important;
    color: rgba(255,255,255,.25);
    text-transform: uppercase;
    letter-spacing: .5em;
    display: inline-block;
    border: 4px double rgba(255,255,255,.25);
    border-width: 4px 0;
    padding: 1.5em 0em;
    position: sticky;
    top: 18%;
    left: 50%;
    width: 40em;
    margin: 0 0 0 -20em;
    width: 100%;
}
.logo2 {
    font: 700 4em/1 "Oswald", sans-serif;
    letter-spacing: 0;
    padding: .25em 0 .325em;
    display: block;
    margin: 0 auto;
    text-shadow: 0 0 80px rgba(255,255,255,.5);
    background: url(../../images/animated-text-fill.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transform: translate3d(0, 0, 0);  
    -moz-transform: translate3d(0, 0, 0);  
     -ms-transform: translate3d(0, 0, 0);  
      -o-transform: translate3d(0, 0, 0);  
         transform: translate3d(0, 0, 0);  
    -webkit-backface-visibility: hidden;  
         -moz-backface-visibility: hidden;  
            -ms-backface-visibility: hidden;  
    backface-visibility: hidden;  
    -webkit-animation: aitf 80s linear infinite;
    -moz-animation: aitf 80s linear infinite;
      -o-animation: aitf 80s linear infinite;
         animation: aitf 80s linear infinite;
}
@-webkit-keyframes aitf {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
@-moz-keyframes aitf {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
@-o-keyframes aitf {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
@keyframes aitf {
    0% { background-position: 0% 50%; }
    100% { background-position: 100% 50%; }
}
.img-fluid {
    max-width: 100%!important;
    height: 100px!important;
}
.banner {
    max-width: 100% !important;
    height: 69px!important;
}
.title{text-transform:uppercase;font-weight:700;font-size:28px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}#current{color: rgba(255,255,255,.8) !important;text-decoration: none !important;background-color: rgb(101, 58, 125) !important;border-color: rgb(96, 54, 118) !important;}li{list-style-type: none!important;}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
img {
    -webkit-user-drag: none!important;
    -khtml-user-drag: none!important;
    -moz-user-drag: none!important;
    -o-user-drag: none!important;
    -webkit-touch-callout: none!important;
    -webkit-user-select: none!important;
    -khtml-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}
.card {
    background: #000000c2 !important;
    text-shadow: 1px 1px 3px #00000094 !important;
    border-radius: 13px !important;
    border: 1px solid rgba(60, 118, 136, 0.7);
}
.fad.fa-trophy-alt::after{
    color: #5cb0a8!important;
}
.fa-trophy-alt{
    color: #e7ee00!important;
}
.background-color{
    background: linear-gradient(279deg, #23364a, #0d131e);
}
a, a:active, a:focus,
button, button:focus, button:active,
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}
input::-moz-focus-inner {
    border: 0;
}
footer{
    color: white !important;;
}
.fa-hackerrank::before {
    color: #ffe61f;
}
.fa-bitcoin::before {
    color: #ff9627;
}
.fad::before {
    color: #3cc53f;
}
.fa-exclamation-square::before {
    color: #ff380a;
}
.fad.fa-external-link-square::after {
  color: #0000!important;
}