Zomato-Basic/style.css at master · Sumedhp08/Zomato-Basic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
 *{
 	margin: 0;
 	padding: 0;
 }

 body {
 	font-family: 'Merriweather', serif;
 	background-color: #f9fafc;
 }

 .navbar{
 	display: flex;
 	align-items: center;
 	justify-content: space-around;
 	background-color: white;
 }

 .navbar__brand{
 	width: 100px;
 }

 .navbar_logo{
 	width: 100%;
 }

 .nav__item{
	background-image: linear-gradient(to right, #ff512f 0%,#dd2476 51%, #ff512f 100%);
	color: white;
	border: none;
	padding: 12px;
	border-radius: 6px;
	font-weight: 600;
 }

.nav__item:hover{
	border: 2px solid #ff6767;
	cursor: pointer;
}

 @media (min-width: 768px) {
 	.navbar {
 		justify-content: space-between;
 		padding: 10px 30px;
 	}
 }

 @media (min-width: 1024px) {
 	.navbar__brand {
 		width: 150px;
 	}
 	.nav__item{
 		padding: 20px;
 		font-size: 20px;
 	}
 }