.nav-item .active{color:#00A1F2 !important} .navbar-nav .nav-link{ color:rgba(0, 0, 0, 0.5); } .game-mode h1{color:#212529; text-transform:none; font-weight:500; font-size:2.5rem} body{background:#ffffff} .navbar-brand img{width:200px} .name-file{font-size:1.3rem; margin-top:35px; margin-bottom:20px} .under-nav{text-align:center; max-width:1140px} .mrg15{margin-top:15px} .download-button{ position:relative; display:inline-block; background:#00a2f5; color:#fff; line-height:50px; padding:5px 70px; font-size:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-transform:uppercase; transition:0.1s all ease-in; margin:40px 0; text-decoration:none; font-weight:500} a span{ display:block; width:8px; top:0; bottom:0; margin:auto; right:22px; height:10px; position:absolute; } a .arrow:before{ content: ""; background:url(/assets/images/arrow.png); display:block; width:8px; top:0; bottom:0; margin:auto; right:10px; height:10px; position:absolute; opacity:0.5; } a span span{ background:url(/assets/images/arrow.png); display:block; width:8px; top:0; bottom:0; margin:auto; right:0px; height:10px; opacity:1; position:absolute; } a .arrow:after{ content: ""; background:url(/assets/images/arrow.png); display:block; width:8px; top:0; bottom:0; margin:auto; right:20px; height:10px; position:absolute; opacity:0.3; } a:hover .arrow:before{ animation:animate-arrow-2 1s ease-in-out infinite 0.1s; }a:hover .arrow:after{ animation:animate-arrow-3 1s ease-in-out infinite 0.2s; }a:hover .arrow span{ animation:animate-arrow-1 1s ease-in-out infinite; }@keyframes animate-arrow-1{ 0%{ transform:translateX(-40px); opacity:0; }70%,100%{ transform:translateX(0px); opacity:1; }}@keyframes animate-arrow-2{ 0%{ transform:translateX(-20px); opacity:0; }70%,100%{ transform:translateX(0px); opacity:0.5; }}@keyframes animate-arrow-3{ 0%{ transform:translateX(-10px); opacity:0; }70%,100%{ transform:translateX(0px); opacity:0.3; }} .download-button:hover{ background-color:#2980b9; text-decoration:none; color:#fff; } h6, .darktext{color:#212529 !important} .inf-down{font-size: 16px; color: #a0a0a0; margin-top: 100px; text-align: left;} .report-abuse {display: block; font-size: .7em; margin-bottom: 20px; margin-top: -23px; } .report-abuse a {text-decoration: none; color: #212529;} .report-abuse a:hover {color: #0d6efd; } @media (max-width:767px){ .footer .container{ background:rgba(96, 109, 121, 0.4) !important; } } .top-downloads {margin-bottom: 25px; margin-top: -10px;} .step i{ display:block; font-size:13px; margin-top:10px; color:#a0a0a0; } .verified-block {background: #3a4551; text-align: left;} .verified-center {display: block; margin-right: auto; margin-left: auto;} .verified-info {position: absolute;top: 10px;right: 15px;} .verified-info a button {padding: 0.3rem 0.7rem 0.3rem 0.7rem;}