body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar{display:flex;align-items:center;background-color:#000;padding:10px 20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar .navbar-logo{margin-right:20px}.navbar .navbar-logo img{height:40px}.navbar .navbar-menu{list-style-type:none;display:flex;grid-gap:20px;gap:20px;margin:0;padding:0}.navbar .navbar-menu .navbar-item a{color:#fff;text-decoration:none;font-size:1rem}.navbar .navbar-menu .navbar-item a:hover{color:#4caf50}.homepage{display:flex;flex-direction:column;background-color:#000;color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:0}.homepage .main-section{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:30px auto;padding:0 20px}.homepage .main-section .content{flex:1 1;margin-right:20px;padding-left:0}.homepage .main-section .content .title{font-size:3.2rem;margin-bottom:20px;color:#fff;text-align:left}.homepage .main-section .content .title .highlight{color:#4caf50}.homepage .main-section .content .description{font-size:2rem;margin-bottom:30px;color:#ccc;text-align:left;align-items:center}.homepage .main-section .content .robux-button{background:none;border:none;cursor:pointer;padding:0}.homepage .main-section .content .robux-button img{width:200px;height:auto}.homepage .main-section .content .robux-button:hover{opacity:.8}.homepage .main-section .image-container{flex:1.2 1}.homepage .main-section .image-container img{max-width:152%;height:auto}.homepage footer{display:flex;justify-content:center;margin-top:50px}.homepage footer .footer-ad{width:468px;height:60px;margin-bottom:-40}@media(max-width:1024px){.homepage .main-section{flex-direction:column}.homepage .main-section .content{margin-right:0;text-align:center}.homepage .main-section .content .description,.homepage .main-section .content .title{text-align:center}.homepage .main-section .image-container{margin-top:20px;text-align:center}.homepage .main-section .image-container img{max-width:100%}}@media(max-width:768px){.homepage .main-section{padding:0 10px}.homepage .main-section .content .title{font-size:2.5rem}.homepage .main-section .content .description{font-size:1.6rem}.homepage .main-section .content .robux-button img{width:150px}.homepage .main-section .image-container img{max-width:100%}}@media(max-width:480px){.homepage .main-section{padding:0 5px}.homepage .main-section .content .title{font-size:2rem}.homepage .main-section .content .description{font-size:1.4rem}.homepage .main-section .content .robux-button img{width:120px}.homepage .main-section .image-container img{max-width:100%}}.ad-container{width:468px;height:60px;margin:0 auto;border-radius:5px;background-color:#000}.robux-generator{display:flex;flex-direction:column;align-items:center;background-color:#000;color:#fff;font-family:Arial,sans-serif;min-height:100vh;padding:20px}.robux-generator .title{font-size:4rem;margin-bottom:20px;color:#fff;text-align:center}.robux-generator input{width:100%;max-width:460px;padding:10px;margin-bottom:20px;border:1px solid #4caf50;border-radius:5px;background-color:#222;color:#fff;font-size:1.6rem}.robux-generator .packages{display:flex;justify-content:space-around;width:80%;max-width:400px;margin-bottom:20px}.robux-generator .packages .package{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #555;border-radius:5px;cursor:pointer;transition:background-color .3s ease;text-align:center}.robux-generator .packages .package img{height:40px;margin-right:10px}.robux-generator .packages .package.selected{border-color:#4caf50;background-color:#333}.robux-generator .confirm-button,.robux-generator .generate-button{padding:10px 20px;font-size:1.2rem;cursor:pointer;background-color:#4caf50;border:none;color:#fff;margin:10px 0}.robux-generator .confirm-button:hover,.robux-generator .generate-button:hover{background-color:#3d8b40}.robux-generator .confirm-button:disabled,.robux-generator .generate-button:disabled{background-color:#555;cursor:not-allowed}.robux-generator .progress-container{width:100%;max-width:500px;text-align:center}.robux-generator .progress-container .progress-bar{width:100%;height:30px;background-color:#555;border-radius:5px;margin-top:10px}.robux-generator .progress-container .progress-bar .progress{height:100%;background-color:#4caf50;border-radius:5px;transition:width .1s ease-in-out}.robux-generator .terminal{width:100%;max-width:500px;background-color:#111;color:#ccc;border-radius:5px;padding:10px;margin-top:20px;height:150px;overflow-y:auto;font-family:"Courier New",Courier,monospace;font-size:.9rem;text-shadow:0 0 0 #ccc;color:transparent}.robux-generator .terminal p{margin:0}.robux-generator .modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.robux-generator .modal .modal-content{background-color:#333;padding:20px;border-radius:10px;text-align:center;color:#fff;max-width:500px;width:80%}.robux-generator .modal .modal-content h2{margin-bottom:20px}.robux-generator .modal .modal-content p{margin-top:20px;color:#ccc}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f0f0f0}.App{min-height:100vh;background-color:#fff}.App,.content{display:flex;flex-direction:column;align-items:center}.content{flex-grow:1;justify-content:center;width:100%}