highWayCheckApp/vehicleInsurancehtml.css at master · JoyRyane/highWayCheckApp · 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
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
body{
		display: flex;
		background: url("pictures/road2.jpg");
		background-position:center;
		background-size:cover;
		align-items: center;
		justify-content: center;
	}
	*{
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: "poppins", sans-serif;
		}
		header{
			position:fixed;
			top: 0;
			left: 0;
			width: 100%;
			padding: 20px 100px;
			display:flex;
			justify-content:space-between;
			align-items:center;
			z-index:99;
		}
		.logo{
			font-size:2em;
			color:#fff;
			user-select: none;
		}
		.navigation a{
			position: relative;
			font-size: 1.1em;
			color: #fff;
			text-decoration: none;
			font-weight: 500;
			margin-left: 40px;
		}
		.navigation a::after{
			content: '';
			position: absolute;
			left: 0;
			bottom: -6px;
			width: 100%;
			height: 3px;
			background: #fff;
			border-radius: 5px;
			transform-origin: right;
			transform: scaleX(0);
			transition: transform .5s;
		}
		.navigation a:hover::after{
			transform-origin: left;
			transform: scaleX(1);
		}
		.navigation .btnLogin-popup{
			width: 130px;
			height: 50px;
			background: transparent;
			border: 2px solid #fff;
			outline: none;
			border-radius: 6px;
			cursor: pointer;
			font-size: 1.1em;
			color: #fff;
			font-weight: 500;
			margin-left: 40px;
			transition: .2s;
		}
		.navigation .btnLogin-popup:hover{
			background: #fff;
			color: #162938;
		}
		.vilink{
			position:relative;
			width:250px;
			height:250px;
			background: transparent;
			border:2px solid rgba(255,255,255, 0.5);
			border-radius:20px;
			backdrop-filter:blur(20px);
			box-shadow: 0 0 30px rgba(0, 0, 0, .5);
			display: flex;
			justify-content: center;
			align-items: center;
			top: 200px;
			left: 100px;
		}
		.milink{
			position:relative;
			width:250px;
			height:250px;
			background: transparent;
			border:2px solid rgba(255,255,255, 0.5);
			border-radius:20px;
			backdrop-filter:blur(20px);
			box-shadow: 0 0 30px rgba(0, 0, 0, .5);
			display: flex;
			justify-content: center;
			align-items: center;
			top: -50px;
			left: -200px;
		}
		.vilink a, .milink a{
			text-decoration: none;
			color: #000;
			font-size: 15px;
			font-weight: bold;
			cursor: pointer;
		}
		.vilink a:hover, .milink a:hover{
			text-decoration: underline;
			color:#fff;
		}
		.title{
			margin-top: 80px;
			color: #fff;
			text-decoration: underline;
			font-style: italic;