1#ednavbar {
2  position: fixed !important;
3  z-index:100000000;
4}
5@media(min-width:40.1em){ /* Larger than mobile devices */
6  #ednavbar{
7   bottom: 100px;
8    width: 100%;
9   overflow-wrap:break-word;
10  }
11}
12
13@media(max-width:40em){ /* Breakpoint only for mobile */
14  #ednavbar{
15   bottom: 50px;
16    width: 100%;
17
18  }
19}
20
21
22
23
24
25mark2 {
26  background-color: yellow;
27  color: black;
28}
29markfr {
30   color:yellow;
31   background-color:yellow;
32}
33
34markfr:active {
35   color:black;
36   background-color:yellow;
37
38}
39markfr:hover {
40   color:black;
41   background-color:yellow;
42
43}
44
45
46
47.mark2{
48  background-color: yellow;
49  color: black;
50}
51
52.unibutton{
53  border: outset;
54  padding: 5px 5px;
55  text-align: center ;
56  text-decoration: none ;
57  display: inline-block ;
58  font-size: 14px ;
59  margin: 4px 2px ;
60  cursor: pointer ;
61  -webkit-transition-duration: 0.4s ; /* Safari */
62  transition-duration: 0.4s ;
63
64}
65
66.uninmenu{
67
68	font-size: 17px ;
69	border-radius: 20px ;
70	padding: 5px 5px ;
71	cursor: pointer ;
72		}
73.uninmenu:hover {
74    color: #000000 ;
75	background-color: #ffffff ;
76		}
77
78
79.unienter{
80  border: 1px ;
81  color: #4CAF50 ;
82  padding: 5 5px ;
83  text-align: center ;
84  text-decoration: none ;
85  display: inline-block ;
86  font-size: 16px ;
87  margin: 4px 2px ;
88  cursor: pointer ;
89  -webkit-transition-duration: 0.4s ; /* Safari */
90  transition-duration: 0.4s ;
91
92}
93
94.unibutton:hover {
95    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19)
96  ;
97    border: 1px ;
98    color: #000000 ;
99	background-color: #ffffff ;
100}
101.highlightmenu {
102	display: none ;
103	position: absolute ;
104	border-radius: 6px ;
105
106}
107.hightlightmenu i {
108	cursor: pointer ;
109	margin: 8px ;
110}
111
112#wanttext {
113/* css adapted from https://github.com/lucagez/medium.css/blob/master/medium.css */
114@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Lora|Playfair+Display:700i,900');
115user-select: text;
116-webkit-user-select: text;
117/*-moz-box-sizing: border-box; box-sizing: border-box;*/
118overflow-wrap: break-word;
119font-size: 0;
120-webkit-text-size-adjust: none;
121
122	h1, h2, p, i, a {
123	text-rendering:optimizeLegibility;
124	  overflow-wrap: break-word;
125	}
126
127li {
128    display: inline;
129}
130h1 {
131  font-size: 48px;
132  text-align: left;
133  margin-bottom: 8px;
134}
135
136h2 {
137  font-size: 26px;
138  font-weight: 700;
139  padding: 0;
140  margin: 56px 0 -13px -1.883px;
141  text-align: left;
142  line-height: 34.5px;
143  letter-spacing: -0.45px;
144}
145
146p, i, li {
147  margin-top: 21px;
148  font-family: "Lora";
149  font-size: 21px;
150  letter-spacing: -0.03px;
151  line-height: 1.58;
152}
153
154a {
155  text-decoration: underline;
156}
157
158blockquote {
159  font-size: 30px;
160  font-style: italic;
161  letter-spacing: -0.36px;
162  line-height: 44.4px;
163  overflow-wrap: break-word;
164  margin: 55px 0 33px 0;
165  /* text-align: center; */
166  padding: 0 0 0 50px;
167}
168
169code {
170  font-size: 18px;
171  border-radius: 2px;
172  padding: 3px 5px;
173}
174
175mark, .highlighted {
176  background: #7DFFB3;
177}
178
179.first-letter {
180  overflow-wrap: break-word;
181  font-size: 60px;
182  line-height: 60px;
183  display: block;
184  position: relative;
185  float: left;
186  margin: 0px 7px 0 -5px;
187}
188
189.subtitle {
190  margin: 0 0 24px 0;
191}
192
193
194img
195{
196  max-width: 100% !important;
197  max-height: 100%!important;
198  margin: auto!important;
199  display: block;
200}
201
202}
203
204#wanttext.dark-mode {
205  background-color: black;
206  color: white;
207}
208
209div.dark-mode {
210  background-color: black;
211  color: white;
212}
213