@@ -11,21 +11,6 @@ body {
1111 color : white;
1212}
1313
14- iframe {
15- display : block;
16- border : none;
17- height : calc (100% - 3em );
18- width : 100vw ;
19- position : absolute;
20- bottom : 0 ;
21- left : 0 ;
22- right : 0 ;
23- top : 3em ;
24- overflow-y : scroll;
25- overflow-x : hidden;
26- background : white;
27- }
28-
2914.nav {
3015 padding : 1rem ;
3116 transition : transform 0.5s ease;
@@ -249,81 +234,3 @@ iframe {
249234 left : 0 ;
250235 top : 10% ;
251236}
252-
253- /* Credits to https://codepen.io/designcouch/pen/ExvwPY for the hamburger animations */
254- # nav-icon {
255- width : 20px ;
256- position : fixed;
257- bottom : 5% ;
258- left : 10px ;
259- -webkit-transform : rotate (0deg );
260- -moz-transform : rotate (0deg );
261- -o-transform : rotate (0deg );
262- transform : rotate (0deg );
263- -webkit-transition : 0.5s ease-in-out;
264- -moz-transition : 0.5s ease-in-out;
265- -o-transition : 0.5s ease-in-out;
266- transition : 0.5s ease-in-out;
267- cursor : pointer;
268- z-index : 9999 ;
269- }
270-
271- # nav-icon span {
272- display : block;
273- position : absolute;
274- height : 5px ;
275- width : 100% ;
276- background : var (--main );
277- border-radius : 9px ;
278- opacity : 1 ;
279- left : 0 ;
280- -webkit-transform : rotate (0deg );
281- -moz-transform : rotate (0deg );
282- -o-transform : rotate (0deg );
283- transform : rotate (0deg );
284- -webkit-transition : 0.25s ease-in-out;
285- -moz-transition : 0.25s ease-in-out;
286- -o-transition : 0.25s ease-in-out;
287- transition : 0.25s ease-in-out;
288- cursor : pointer;
289- box-shadow : 0 0 0 1px white;
290- }
291-
292- # nav-icon span : nth-child (1 ) {
293- top : 0px ;
294- }
295-
296- # nav-icon span : nth-child (2 ) {
297- top : 8px ;
298- }
299-
300- # nav-icon span : nth-child (3 ) {
301- top : 16px ;
302- }
303-
304- # nav-icon .open span : nth-child (1 ) {
305- top : 8px ;
306- -webkit-transform : rotate (135deg );
307- -moz-transform : rotate (135deg );
308- -o-transform : rotate (135deg );
309- transform : rotate (135deg );
310- }
311-
312- # nav-icon .open span : nth-child (2 ) {
313- opacity : 0 ;
314- left : -30px ;
315- }
316-
317- # nav-icon .open span : nth-child (3 ) {
318- top : 8px ;
319- -webkit-transform : rotate (-135deg );
320- -moz-transform : rotate (-135deg );
321- -o-transform : rotate (-135deg );
322- transform : rotate (-135deg );
323- }
324-
325- # right-side-nav .hidden {
326- display : none;
327- }
328-
329- /* Credits to https://codepen.io/designcouch/pen/ExvwPY for the hamburger animations */
0 commit comments