1+ /*-------------------------------*/
2+ /*BASE*/
3+ /*-------------------------------*/
4+ /*Basic Design*/
5+ * {
6+ margin : 0 ;
7+ padding : 0 ;
8+ box-sizing : border-box;
9+ }
10+
11+ html ,
12+ body {
13+ background-color : # fff ;
14+ color : # 555 ;
15+ font-family : 'Lato' , 'Arial' , sans-serif;
16+ font-weight : 300 ;
17+ font-size : 20px ;
18+ text-rendering : optimizeLegibility;
19+ overflow-x : hidden;
20+ }
21+
22+ .clearfix {zoom : 1 ;}
23+ .clearfix : after {
24+ content : '.' ;
25+ clear : both;
26+ display : block;
27+ height : 0 ;
28+ visibility : hidden;
29+ }
30+
31+ /*Components*/
32+ .row {
33+ max-width : 1140px ;
34+ margin : 0 auto;
35+ }
36+
37+ section {
38+ padding : 80px 0 ;
39+ }
40+
41+ .box {
42+ padding : 1% ;
43+ }
44+
45+ /*H Tags*/
46+ h1 ,
47+ h2 ,
48+ h3 {
49+ text-transform : uppercase;
50+ }
51+
52+ h1 {
53+ margin : 0px 0px ;
54+ text-align : left;
55+ color : # fff ;
56+ font-family : 'font' ;
57+ font-size : 600% ;
58+ word-spacing : 4px ;
59+ letter-spacing : 10px ;
60+ }
61+
62+ h2 {
63+ font-size : 180% ;
64+ color : # fff ;
65+ margin-bottom : 50px ;
66+ word-spacing : 2px ;
67+ text-align : center;
68+ letter-spacing : 1px ;
69+ font-family : 'font' ;
70+ }
71+
72+ @font-face {
73+ font-family : font;
74+ src : url (Font/Westfalia-Regular.otf);
75+ }
76+
77+ /*-------------------------------*/
78+ /*-------------------------------*/
79+
80+ /*-------------------------------*/
81+ /*Header Section*/
82+ /*-------------------------------*/
83+ header {
84+ background-image : linear-gradient (rgba (0 , 0 , 0 , 0.5 ), rgba (0 , 0 , 0 , 0.5 )), url (Images/BG-1.jpg);
85+ background-size : cover;
86+ background-position : center;
87+ background-attachment : fixed;
88+ height : 100vh ;
89+ }
90+
91+ .nav {
92+ font-size : 80% ;
93+ float : right;
94+ }
95+
96+ .nav li {
97+ display : inline-block;
98+ list-style : none;
99+ margin-top : 30px ;
100+ margin-right : 50px ;
101+ }
102+
103+ .nav li a {
104+ text-decoration : none;
105+ color : # fff ;
106+ }
107+
108+ .main-text {
109+ position : absolute;
110+ text-align : center;
111+ top : 30% ;
112+ left : 38% ;
113+ }
114+
115+ /*-------------------------------*/
116+ /*-------------------------------*/
117+
118+ /*-------------------------------*/
119+ /*Section-1*/
120+ /*-------------------------------*/
121+ section {
122+ background-color : rgb (211 , 214 , 216 );
123+ }
124+
125+ .card {
126+ display : inline-block;
127+ float : left;
128+ background-color : # fff ;
129+ border-radius : 60px ;
130+ width : 300px ;
131+ height : 400px ;
132+ box-shadow : 0px 5px 15px rgba (0 , 0 , 0 , 0.5 );
133+ overflow : hidden;
134+ margin-left : 40px ;
135+ margin-right : 40px ;
136+ }
137+ /*-------------------------------*/
138+ /*-------------------------------*/
139+
140+ /*-------------------------------*/
141+ /*Section-2*/
142+ /*-------------------------------*/
143+
144+ /*-------------------------------*/
145+ /*-------------------------------*/
0 commit comments