@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");.wrappet_main{width:100%}.container-to-base64 *{margin:0;padding:0;box-sizing:border-box}.container.container-to-base64{width:100%;max-width:1000px;margin:0 auto}.container-to-base64 .converter-section{background-color:#fff;border-radius:8px;padding:30px;margin-bottom:40px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.container-to-base64 .converter-section h2{font-size:2.8rem;margin-bottom:25px;margin-top:0;color:#333}.container-to-base64 .converter-section h2 i{margin-right:10px;color:#4a90e2}.container-to-base64 .input-group,.container-to-base64 .output-group{margin-bottom:30px}.container-to-base64 .input-group label{font-weight:500;margin-bottom:10px;display:block}.container-to-base64 .input-group input[type=file],.container-to-base64 .input-group textarea,.container-to-base64 .output-group textarea{width:100%;padding:15px;border:1px solid #dfe3e8;border-radius:5px;font-size:1.5rem;background-color:#f9fafc;transition:border-color .3s ease}.container-to-base64 .input-group textarea,.container-to-base64 .output-group textarea{resize:vertical;min-height:150px}.container-to-base64 .input-group input[type=file]:focus,.container-to-base64 .input-group textarea:focus,.container-to-base64 .output-group textarea:focus{border-color:#4a90e2;outline:none}.container-to-base64 .btn{background-color:#e29c4a;color:#fff;padding:12px 20px;border:none;border-radius:5px;font-size:1.5rem;cursor:pointer;display:inline-flex;align-items:center;transition:background-color .3s ease;margin-bottom:30px}.container.container-to-base64 .btn:hover,.container.container-to-base64 .btn:active,.container.container-to-base64 .btn:focus{text-decoration:none}.container-to-base64 .btn i{margin-right:8px}.container-to-base64 .btn:hover{background-color:#357ab8}.container-to-base64 .btn:active{background-color:#2c6694}.container-to-base64 .button-group,.container-to-base64 .output-buttons,.container-to-base64 .image-buttons{display:flex;flex-wrap:wrap;gap:15px}.container-to-base64 .output-buttons,.container-to-base64 .image-buttons{margin-top:15px}.container-to-base64 .image-output-group{margin-top:30px}.container-to-base64 .image-output img{max-width:100%;border:1px solid #dfe3e8;border-radius:5px}@media (max-width:768px){.container-to-base64 .converter-section{padding:20px}.container-to-base64 .converter-section h2{font-size:1.5rem}.container-to-base64 .btn{width:100%;justify-content:center}}