website6/css File 2.css.css at main · arfin-2020/website6 · 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
*{
    margin: 0;
    padding:0;
}
.bgimage{
    background-image: url('tt.jpg');
    background-size: 100% 100%;
    width:100% 100%;
    height: 100vh;
}
.manu{
    width:100%;
    height:100px;
    background-color:rgba(0,0, 0, 0.5);
}
.leftmanu{
    font-size:22px;
    color:white;
    font-family:verdana;
    margin-left:50px;
    line-height: 90px;
    float:left;
    text-transform:uppercase;
}
.rightmanu{
    color:white;
    float:right;
}
.rightmanu ul{
    margin-right: 400px;
}
.rightmanu ul li{
    color:white;
    font-size:16px;
    display:inline-block;
    padding-right:50px;
    font-family:'Montserrat', sans-serif;
    line-height: 90px;
    font-weight: bold;
    text-transform:uppercase;
}
#first{
    color:orange;
}
.rightmanu li:hover{
    color:orange;
}
.text{
    margin-top:200px;
    color:white;
    text-align:center;
    font-family:'Montserrat', sans-serif;
}
.text h4{
   font-size:15px;
}
.text h1{
    font-size:62px;
    font-family: verdana;
    font-weight: bold;
    margin:14px 0px;
 }
 .text h3{
     font-size:12px;
     margin-bottom: 20px;
 }
 #button1{
    font-family:verdana;
    font-size:12px;
    width:120px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
    background-color: white;
    border:2px solid white;
 }
 #button2{
    font-family:verdana;
    font-size:12px;
    width:120px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 40px;
    background-color: Transparent;
    border:2px solid white;
 }
 #button1:hover{
    background-color:darkorange;
    color:white;
    transition: all 0.5s ease-in;
  }
  #button2:hover{
    background-color:darkorange;
    color:white;

    transition: all 0.5s ease-in;

  }
h5:hover{
    color:red;
}