Colour and style changes
This commit is contained in:
parent
0d4873cc8c
commit
e9e98d3124
12
style.css
12
style.css
@ -1,7 +1,7 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap');
|
||||
|
||||
:root {
|
||||
--gradient: linear-gradient( 135deg, #72EDF2 10%, #5151E5 100%);
|
||||
--gradient: linear-gradient( 135deg, #72EDF2 10%, #a08300 100%);
|
||||
}
|
||||
|
||||
* {
|
||||
@ -19,7 +19,7 @@ body {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
background-color: #343d4b;
|
||||
background-color: #018150;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
@ -35,16 +35,18 @@ body {
|
||||
border-radius: 25px;
|
||||
-webkit-box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.2);
|
||||
background-color: #222831;
|
||||
background-color: #003a0f;
|
||||
color: #ffffff;
|
||||
height: 400px;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.weather-side {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
border-radius: 25px;
|
||||
background-image: url("https://images.unsplash.com/photo-1559963110-71b394e7494d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80");
|
||||
/* background-image: url("https://images.unsplash.com/photo-1559963110-71b394e7494d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=675&q=80"); */
|
||||
/* Make this pull relevent logo/skyline of city */
|
||||
background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/HamiltonOntarioSkylineC.JPG/1024px-HamiltonOntarioSkylineC.JPG");
|
||||
width: 300px;
|
||||
-webkit-box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.2);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user