diff --git a/css/app.css b/css/app.css index e69de29..14e2285 100644 --- a/css/app.css +++ b/css/app.css @@ -0,0 +1,55 @@ +html { +box-sizing: border-box; +height: 100%; +} + +*, +*::before, +*::after { +box-sizing: inherit; +} + +body { +display: flex; +margin: 0; +height: 100%; +} + +.container { +margin: auto; +padding: 1em; +width: 80%; +} + +.destination-container { +display: flex; +flex-flow: wrap; +justify-content: center; +} + +.destination { +background: #03a9f4; +box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.4); +color: white; +margin: 0.5em; +min-height: 200px; +flex: 0 1 200px; +display: flex; +justify-content: center; +align-items: center; +text-align: center; +} + +h2 { +margin: 0; +transform: rotate(-45deg); +text-shadow: 0 0 5px #01579b; +} + +#florida { +background-color: #03a9f4; +} + +#paris { +background-color: #d32f2f; +} \ No newline at end of file