thisisehyas.github.io/style-bottom.css at main · thisisehyas/thisisehyas.github.io · 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
.bottom{
    margin: 0.2% 5% 1% 5%;
    padding: 7%;
    background-color: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    top: -25px;
    background-color: rgba(255, 255, 255);
    font-size: 120%;
    overflow: hidden;
}

.top{
    border-radius: 0 0 10% 10%;
}

/* .form>h1 is for contact.html */
.bottom h2, .h1-in-contact{
    margin-bottom: 5%;
    margin-top: 0.5%;
}

.interested{
    text-align: center;
    background-color:rgb(247, 247, 238);
    padding: 0.5%;
}

.interested h3{
    margin-bottom: 5%;
}

.btn-success{
    margin-bottom: 2%;
}

/* for portfolio.html */
.caption{
    font-size: 90%;
}

hr{
    border-width: 5px !important;
}

#myCarousel{
    width: 80%;
}

@media screen and (min-width: 768px) {
    .interested{
        width: 70%;
        margin: auto;
    }

    .btn-success{
        padding: 2%;
    }

    .interested > h3{
        font-size: 160%;
    }
    /* Skills section in the about me file
    When we put the skills next to each other in
    larger views, we need to add more margin so that
    the skills section don't get mixed with the
    interested section under it. */
    .Skills{
        margin-bottom: 15%;
    }
}

@media screen and (min-width:760px) {
    .special{
        overflow: hidden;
    }

    #myCarousel{
        margin-right: 10%;
    }

    .demo{
        margin-top: 4.6%;
    }
}

@media screen and (min-width: 1000px) {
    .bottom {
        padding: 4%;
        top: -50px;
    }

    .bottom h2, .h1-in-contact{
        margin-bottom: 3%;
        margin-top: 0.1%;
    }
 }