File size: 2,171 Bytes
dc06607
ce7695c
 
 
6117273
f474453
6621dba
 
 
 
 
 
 
 
 
1ff9148
54ed771
eb810c2
3f42b8e
ce7695c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b51aac6
 
 
 
 
 
ce7695c
 
 
 
 
 
b51aac6
 
ce7695c
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b51aac6
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
        body {
            font-family: 'Arial', sans-serif;
            line-height: 1.6;
        }
        .bg-image {
            background-image: url('https://idearocketanimation.com/app/uploads/2019/01/laptop-in-darkness.jpg');
            height: 85vh;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }




        .hero-text {
            color: #ffffff;
        }
        .btn-outline-light {
            border-color: #ffffff;
            color: #ffffff;
        }
        .btn-outline-light:hover {
            background-color: #ffffff;
            color: #3498db;
        }
        .card {
            border-radius: 10px;
            transition: transform 0.3s ease-in-out;
        }
        .card:hover {
            transform: translateY(-5px);
        }
        .footer {
            background-color: #2c3e50;
            color: #ffffff;
            text-align: center;
        }
        .profile-pic {
            max-width: 300px;
            max-height: 300px;
            border-radius: 50%;
            margin-left: 85px;
        }
        .profile-pic1 {
            max-width: 220px;
            max-height: 220px;
            border-radius: 50%;
        }

        .description {
            font-size: 1.2rem;
        }
        .img1{
            height: 55px;
            width: 55px;
            border-radius: 50px;
        }
        .social-icons {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        margin-top: 20px;
    }

    .social-icon {
        color: #fff;
        font-size: 28px;
        border-radius: 50%;
        width: 55px;
        height: 55px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s ease;
    }

    .social-icon:hover {
        transform: translateY(-3px);
        box-shadow: 0px 4px 10px rgba(226, 251, 85, 0.3);
        color: #81e7fc;
        text-decoration: none;
    }