* {margin: 0;padding: 0;}
        body { font-family: "Roboto Slab", serif;background: #f9f9f9;}
        .xload nav {display: flex;justify-content: center;padding-top: 20px;}
        nav img {height: 50px;}
        header {background-image: url("../images/1r.png");background-repeat: no-repeat;background-position: center;background-size: cover;color: #fff;padding:20px 20px 20px 20px;position: relative;}
        header img {position: absolute;bottom: -28px;width: 150px;left: 5px;}


        .xload .step {background: #fff;padding: 20px;}
        .step .img-robux {text-align: center;font-weight: bold;font-size: 1.4rem;}
        .step .img-robux img {width: 100px;margin-bottom: 10px;}

        .xload .input {position: relative;margin-top: 20px;}
        .xload .input input {position: absolute;width: 100%;padding: 15px 10px 15px 70px;border-radius: 40px;border: 1px solid #aaa;background: #eee;}
        .input img {position: absolute;width: 45px;left: 8px;top: 5px;}
        .next {text-align: center;background: #00b06f;color: #fff;border-radius: 0px;font-weight: bolder;height: 45px;display: flex;justify-content: center;align-items: center;}
        .error {color: red;font-size: .8rem;height: 27px;display: flex;align-items: end;margin-bottom: 10px;}

        .xload .loader {display: flex;justify-content: center;align-items: center;}
        .xload .loader img.animation {width: 50px; animation: infin 3s linear infinite;}
        @keyframes infin {
            from {transform: rotate(0deg);}
            to {transform: rotate(360deg);}
        }
        .xload #step-3 {text-align: center;font-weight: bold;}
        #step-3 .txt {margin-top: 20px;font-size: 1.3rem;}

        .xload .profile {display: flex;align-items: center;justify-content: center;}
        .xload .profile img {width: 80px;border-radius: 50%;border: 1px solid #777;}
        .xload .profile .more {margin-left: 20px;}
        .profile .name {font-weight: bold;font-size: 1.2rem;}
        .count {display: flex;justify-content: space-evenly;text-align: center;margin-top: 30px;}
        .count .t-count {font-weight: bold;}

        .xload .confirm {background: #00b06f;color: #fff;padding: 10px 50px;text-align: center;margin-top: 30px;border-radius: 5px;user-select: none;}
        .last {display: flex;align-items: center;justify-content: space-between;}
        .xload .last .img img {width: 90px;border-radius: 50%;border: 2px solid #aaa;}
        .xload .rbx-counter {background: #fff;border: 1px solid #ddd;border-radius: 7px;padding: 5px;display: flex;justify-content: center;align-items: center;padding: 7px 15px;font-weight: bold;box-shadow: 1px 1px 8px 1px rgba(0,0,0,.07);}
        .last .icon {width: 20px;margin-right: 10px;}
        .xload .adding {margin-top: 20px;font-size: 1.3rem;font-weight: bold;text-align: center;}
        .xload .adding span {color: #00b06f;}
        .adding {text-align: center;}
        .action {text-align: center;}
        .action button {all: unset;background: #00b06f;color: #fff;padding: 9px 50px;text-align: center;margin-top: 20px;}

        .xload .recived {font-size: 1.1rem;font-weight: bold;display: flex;align-items: center;padding: 15px;}
        .xload .recived img {width:18px;margin: 0 4px;}
        .recived span:last-child {margin: 4px;}

        .xload .userinfo {display: flex;justify-content: space-between;background: #e9e9e9;padding: 15px;margin: 0px 0;}
        .userinfo .main {display: flex;align-items: center;}
        .xload .userinfo .main img {width: 50px;border-radius: 50%;border: 2px solid #00b06f;margin-right: 7px;}
        .xload .userinfo .then {display: flex;align-items: center;}
        .xload .userinfo .then .rbx {text-align: right;}
        .xload .userinfo .then img {width: 25px;margin-right: 6px;}

        .xload .details {padding: 20px;}
        .action-btn {text-align: center;}
        .xload .action-btn button {background: #00b06f;color: #fff;padding:9px 20px;border: none;border-radius: 5px;width: 100%;}

        .xload .bonus {margin-top: 20px;}
        .bonus span {font-weight: bold;color: #00b06f;}

        .xload .offer {background-color: #00b06f46;padding: 15px;border-radius: 5px;}
        .xload .offer .href {background: #00b06f;color: #fff;text-align: center;padding: 9px 10px;border-radius: 5px;margin-top: 10px;}
        .offer-info {display: flex;align-items: start;}
        .offer-info img {width: 45px;margin-right: 10px;}
        .offer .one {font-weight: bold;}
        .offer a {color: #fff;text-decoration: none;}

        .notification {position: fixed;top: 20px;right: 20px;left: 20px;}
        .notification > div {background: #fff;display: flex;align-items: center;border: 1px solid #e9e9e9;padding: 12px;border-radius: 15px;}
        .notification img {width: 40px;margin-right: 10px;}
        .notification .title {font-weight: bold;}
        .notification .text {color: #444;font-size: .85rem;}
        .time {position: fixed;top: 15px;font-size: .8rem;right: 15px;color: #666;}