camelcaseco.github.io/main.css at main · daisyjreyn/camelcaseco.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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
#header {
    display:inline-block;
    padding:0;
    margin:0;
    width:100%;
    height:fit-content;
    vertical-align:middle;
}

.header-child {
    padding:0;
    margin-right:10px;
    align-self:flex-end;
    display:inline-block;
}

a.header-child {
    height:60px;
}

html:lang(ar) {
    direction:rtl;
}

#langpick {
    float:right;
}

#langpick:lang(ar) {
    float:left;
}

.text-right {
    text-align:right;
    float:right;
}

.text-right:lang(ar) {
    text-align:left;
    float:left;
}

@media (max-width:960px) {
    #langpick {
        position:absolute;
        right:10px;
        top:20px;
    }
    #langpick:lang(ar) {
        left:10px;
        top:20px;
    }
}

@media (min-width:960px) and (max-width:1300px) {
    .mobile-only {
        display:none;
    }
    body {
        margin-left:10%;
        margin-right:10%;
    }
}

@media (min-width:1300px) {
    .mobile-only {
        display:none;
    }
    body {
        margin-left: 20%;
        margin-right: 20%;
    }

}

h1, h2 {
    display: inline;
}

p, h1, h2 {
    color:#060321;

}

span.highlight {
    color:#FC60A8;
}

a {
    color:#40aee6;
    text-decoration-line: none;
}

a, p {
    font-size:16pt;
}

a.unclickable {
    color:#060321;
}

body {
    background-color:f0f0fa;
    padding:10px;
    font-family:Cairo;
}

@font-face {
    font-family: Cairo;
    src:url(fonts/Cairo-VariableFont_slnt\,wght.ttf);
}