Update style.css

Author: mdzaberalhamid

project-7-temperature-converter/style.css

@@ -7,4 +7,44 @@ body {
     align-items: center;
     font-family: Arial, Helvetica, sans-serif;
     color: whitesmoke;
-}
+}
+
+.container {
+    background: rgba(255, 255, 255, 0.3);
+    padding: 20px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+    width: 85%;
+    max-width: 450px;
+    min-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.heading {
+    font-size: 36px;
+}
+
+.temp-container {
+    width: 100%;
+    padding: 15px;
+    font-weight: bold;
+    font-size: 22px;
+}
+
+.input {
+    width: 220px;
+    font-family: monospace;
+    padding: 5px;
+    float: right;
+    outline: none;
+    background: rgba(255, 255, 255, 0.3);
+    border-color: rgba(255, 255, 255, 0.6);
+    color: darkgreen;
+    font-size: 20px;
+}
+
+/* .input::placeholder {
+    color: darkgray;
+} */