Master-71-2/EncodeX

1/* Import Google Font */2@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');3 4/* General Page Styles */5body {6    font-family: 'Poppins', sans-serif;7    background-color: #1e1e1e;8    color: #ffffff;9    text-align: center;10    padding: 20px;11}12 13/* Heading */14h1 {15    font-size: 28px;16    margin-bottom: 20px;17}18 19/* 🔹 Dropdown Container */20.select-container {21    display: flex;22    flex-direction: column;23    align-items: center;24    margin-bottom: 15px;25}26 27/* Dropdown Label */28label {29    font-size: 16px;30    margin: 10px 0 5px;31    display: block;32}33 34/* Dropdown */35select {36    padding: 12px;37    font-size: 16px;38    border: 1px solid #444;39    border-radius: 6px;40    background-color: #2a2a2a;41    color: #fff;42    width: 220px;43    text-align: center;44    cursor: pointer;45}46 47/* 🔹 Textareas */48textarea {49    display: block;50    width: 90%;51    max-width: 600px;52    height: 140px;53    padding: 12px;54    margin: 10px auto;55    font-size: 16px;56    border: 1px solid #444;57    border-radius: 8px;58    background-color: #2a2a2a;59    color: #fff;60    resize: none;61    transition: 0.3s;62}63 64textarea:focus {65    outline: none;66    border-color: #00ff99;67    box-shadow: 0 0 8px #00ff99;68}69 70/* 🔹 Output Textarea (Readonly) */71#outputText {72    background-color: #333;73    color: #ddd;74    font-weight: bold;75    cursor: default;76}77 78/* 🔹 Button */79button {80    display: block;81    background-color: #00cc99;82    color: #fff;83    border: none;84    padding: 12px 20px;85    font-size: 16px;86    margin: 15px auto;87    border-radius: 6px;88    cursor: pointer;89    transition: 0.3s;90    width: 220px;91}92 93button:hover {94    background-color: #00ff99;95    box-shadow: 0px 4px 10px rgba(0, 255, 153, 0.3);96}97 98/* 🔹 Responsive Design */99@media (max-width: 600px) {100    textarea {101        height: 120px;102    }103 104    select {105        width: 90%;106    }107 108    button {109        width: 90%;110    }111}112