Initial Commit

styles.css

@@ -0,0 +1,59 @@
+html {
+  background-image: linear-gradient(to top, #4481eb 0%, #04befe 100%);
+  background-repeat: no-repeat;
+}
+
+
+.container{
+  display:flex;
+  flex-direction:column;
+  align-items:center;
+  justify-content:center;
+  height:100%;
+}
+
+.currency {
+  display: flex;
+  flex-direction: column;
+}
+
+.currency > * {
+  text-align: center;
+}
+
+.currency .arrow {
+  display: inline-flex;
+  align-items: center;
+  font-size: 2em;
+}
+
+.currency .select-group {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+
+.currency .title {
+  font-size: 1.6em;
+}
+
+.currency .input{
+  width: 100%;
+  padding: .6em 0;
+  margin-bottom: .5em;
+}
+
+.currency .select {
+  padding: .6em 0;
+  width: 5em;
+}
+
+.currency .result {
+  font-weight: 600;
+  font-size: 1.5em;
+}
+
+.currency .button {
+  padding: .6em 0;
+  font-size: 1.1em;
+}