Tools/style.css at main · SaFat130/Tools · 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
.box{ display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px 200px;
}
*{ margin:0;
    font-family: 'Open Sans', sans-serif;
 }
 .item-1{ /* font-style: initial; */
    font-size:larger;
     font-weight: bolder;
     /* background-color: aqua; */ /* align-items: center; */
    }
    .R{
        color: orangered;
    }
    .nav-right{
        display: flex;
        align-items: center;
        gap: 20px;
     }
     .item-4 {
        background-color: orangered;
        color: white;
        padding: 8px 16px;
        border-radius: 5px;
        cursor: pointer;
        font-weight: bold;
     }
     .banner{
        display: flex;
         justify-content:space-between;
         align-items: flex-start;
         padding: 20px 200px;
     }
     .banner-text{
        max-width: fit-content;
         font-family: 'Open Sans', sans-serif;
         max-width: 500px;
     }
     .banner-text h2{
        font-size: 30px;
         font-weight: bold;
         margin-bottom: 20px;
     }
     .banner-text h1{
        font-size: 50px;
        font-weight: bold;
         margin-bottom: 20px;

    }
    .banner-text p{
         font-size: 14px;
        line-height: 1.6;
        max-width: 400px;
        margin-bottom: 20px;
        color: #555;
     }
     .banner-img img {
         width: 300px;
        height: auto;
        object-fit: cover;
     }
     .btn{
        display: flex; background-color: orangered;
         color: white;
         padding: 12px 20px;
          align-items: center;
           border-radius: 5px;
         cursor: pointer; /* mouse pointer */
         font-weight: bold;
         border-color: orangered;
     }
     .btn img{
        width: 20px;
     }