Complete restructure

36 files changed, 28 insertions, 28 deletions

diff --git a/static/documents/Resume_Scerba_Fall2023.pdf b/static/Resume_Scerba.pdf
index e8d719e..e8d719e 100644
--- a/static/documents/Resume_Scerba_Fall2023.pdf
+++ b/static/Resume_Scerba.pdf
diff --git a/static/favicon.ico b/static/assets/favicon.ico
index aeb36dd..aeb36dd 100644
--- a/static/favicon.ico
+++ b/static/assets/favicon.ico
diff --git a/static/fonts/dejavu-sans-fontfacekit/DejaVu Fonts License.txt b/static/assets/fonts/dejavu-sans-fontfacekit/DejaVu Fonts License.txt
index 6939980..6939980 100644
--- a/static/fonts/dejavu-sans-fontfacekit/DejaVu Fonts License.txt
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/DejaVu Fonts License.txt
diff --git a/static/fonts/dejavu-sans-fontfacekit/How_to_use_webfonts.html b/static/assets/fonts/dejavu-sans-fontfacekit/How_to_use_webfonts.html
index 653499c..653499c 100644
--- a/static/fonts/dejavu-sans-fontfacekit/How_to_use_webfonts.html
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/How_to_use_webfonts.html
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-demo.html b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-demo.html
index a445ce4..a445ce4 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-demo.html
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-demo.html
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.woff b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.woff
index 855858d..855858d 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.woff
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.woff
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/specimen_files/grid_12-825-55-15.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/specimen_files/grid_12-825-55-15.css
index 3d6aef7..3d6aef7 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/specimen_files/grid_12-825-55-15.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/specimen_files/grid_12-825-55-15.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/specimen_files/specimen_stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/specimen_files/specimen_stylesheet.css
index aecc43c..aecc43c 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/specimen_files/specimen_stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/specimen_files/specimen_stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/stylesheet.css
index dc94d53..dc94d53 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-demo.html b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-demo.html
index 516ee42..516ee42 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-demo.html
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-demo.html
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.woff b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.woff
index 7fdde38..7fdde38 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.woff
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.woff
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/specimen_files/grid_12-825-55-15.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/specimen_files/grid_12-825-55-15.css
index 3d6aef7..3d6aef7 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/specimen_files/grid_12-825-55-15.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/specimen_files/grid_12-825-55-15.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/specimen_files/specimen_stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/specimen_files/specimen_stylesheet.css
index aecc43c..aecc43c 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/specimen_files/specimen_stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/specimen_files/specimen_stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/stylesheet.css
index 3dcbfa9..3dcbfa9 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-demo.html b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-demo.html
index b0407fb..b0407fb 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-demo.html
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-demo.html
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.woff b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.woff
index 45914b8..45914b8 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.woff
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.woff
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/DejaVuSans-ExtraLight-cleartype.png b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/DejaVuSans-ExtraLight-cleartype.png
index 0f7234c..0f7234c 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/DejaVuSans-ExtraLight-cleartype.png
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/DejaVuSans-ExtraLight-cleartype.png
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/grid_12-825-55-15.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/grid_12-825-55-15.css
index 3d6aef7..3d6aef7 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/grid_12-825-55-15.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/grid_12-825-55-15.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/specimen_stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/specimen_stylesheet.css
index aecc43c..aecc43c 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/specimen_stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/specimen_files/specimen_stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/stylesheet.css
index fb2f078..fb2f078 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-demo.html b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-demo.html
index 06786a5..06786a5 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-demo.html
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-demo.html
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.woff b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.woff
index 64eebe7..64eebe7 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.woff
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.woff
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/specimen_files/grid_12-825-55-15.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/specimen_files/grid_12-825-55-15.css
index 3d6aef7..3d6aef7 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/specimen_files/grid_12-825-55-15.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/specimen_files/grid_12-825-55-15.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/specimen_files/specimen_stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/specimen_files/specimen_stylesheet.css
index aecc43c..aecc43c 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/specimen_files/specimen_stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/specimen_files/specimen_stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/stylesheet.css
index 596e9b7..596e9b7 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-demo.html b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-demo.html
index 325b2b7..325b2b7 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-demo.html
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-demo.html
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-webfont.woff b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-webfont.woff
index 7c69ca9..7c69ca9 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-webfont.woff
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-webfont.woff
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/DejaVuSans-cleartype.png b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/DejaVuSans-cleartype.png
index f6c2f1d..f6c2f1d 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/DejaVuSans-cleartype.png
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/DejaVuSans-cleartype.png
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/grid_12-825-55-15.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/grid_12-825-55-15.css
index 3d6aef7..3d6aef7 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/grid_12-825-55-15.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/grid_12-825-55-15.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/specimen_stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/specimen_stylesheet.css
index aecc43c..aecc43c 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/specimen_stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/specimen_files/specimen_stylesheet.css
diff --git a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/stylesheet.css b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/stylesheet.css
index 3c47fe3..3c47fe3 100644
--- a/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/stylesheet.css
+++ b/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/stylesheet.css
diff --git a/static/grid.png b/static/assets/grid.png
index 77dbb95..77dbb95 100644
--- a/static/grid.png
+++ b/static/assets/grid.png
diff --git a/static/logo.svg b/static/assets/logo.svg
index c513188..c513188 100644
--- a/static/logo.svg
+++ b/static/assets/logo.svg
diff --git a/static/script.js b/static/assets/script.js
index a7323f3..a7323f3 100644
--- a/static/script.js
+++ b/static/assets/script.js
diff --git a/static/sitemap.xml b/static/assets/sitemap.xml
index 44dd555..44dd555 100644
--- a/static/sitemap.xml
+++ b/static/assets/sitemap.xml
diff --git a/static/style.css b/static/assets/style.css
index 4db06f7..5386d83 100644
--- a/static/style.css
+++ b/static/assets/style.css
@@ -1,34 +1,34 @@
 @font-face {

     font-family: 'DejaVu Sans';

-    src: url('/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-webfont.woff') format('woff');

+    src: url('/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_regular_macroman/DejaVuSans-webfont.woff') format('woff');

     font-weight: normal;

     font-style: normal;

 }

 

 @font-face {

     font-family: 'DejaVu Sans';

-    src: url('/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.woff') format('woff');

+    src: url('/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_bold_macroman/DejaVuSans-Bold-webfont.woff') format('woff');

     font-weight: bold;

     font-style: normal;

 }

 

 @font-face {

     font-family: 'DejaVu Sans';

-    src: url('/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.woff') format('woff');

+    src: url('/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_oblique_macroman/DejaVuSans-Oblique-webfont.woff') format('woff');

     font-weight: normal;

     font-style: italic;

 }

 

 @font-face {

     font-family: 'DejaVu Sans';

-    src: url('/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.woff') format('woff');

+    src: url('/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_boldoblique_macroman/DejaVuSans-BoldOblique-webfont.woff') format('woff');

     font-weight: bold;

     font-style: italic;

 }

 

 @font-face {

     font-family: 'DejaVu Sans';

-    src: url('/static/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.woff') format('woff');

+    src: url('/static/assets/fonts/dejavu-sans-fontfacekit/web fonts/dejavusans_extralight_macroman/DejaVuSans-ExtraLight-webfont.woff') format('woff');

     font-weight: lighter;

     font-style: normal;

 }

@@ -302,7 +302,7 @@ blockquote {
       opacity: 0;

       margin: 0;

     }

-    

+

     .hamburger{

       z-index: 3;

       position: fixed;

@@ -313,16 +313,16 @@ blockquote {
       padding: 5px;

       /*border-bottom-left-radius: 8px;

       background-color: var(--dark-transparent);*/

-    

+

     /* FOR DISPLAYING EVERY ELEMENT IN THE CENTER : */

-    

+

       display: flex;

       align-items: center;

       justify-content: center;

     }

-    

+

     /* CREATING THE MIDDLE LINE OF THE HAMBURGER : */

-    

+

     .hamburger > div{

       position: relative;

       top: 0;

@@ -332,10 +332,10 @@ blockquote {
       width: 60%;

       transition: all  0.4s ease;

     }

-    

-    /* CREATING THE TOP AND BOTTOM LINES : 

+

+    /* CREATING THE TOP AND BOTTOM LINES :

     TOP AT -10PX ABOVE THE MIDDLE ONE AND BOTTOM ONE IS 10PX BELOW THE MIDDLE: */

-    

+

     .hamburger > div::before,

     .hamburger > div::after{

       content: '';

@@ -346,35 +346,35 @@ blockquote {
       height: 2px;

       transition: all  0.4s ease;

     }

-    

+

     .hamburger > div::after{

       top: 10px;

     }

-    

+

     /* IF THE TOGGLER IS IN ITS CHECKED STATE, THEN SETTING THE BACKGROUND OF THE MIDDLE LAYER TO COMPLETE BLACK AND OPAQUE :  */

-    

+

     .toggler:checked + .hamburger > div{

       background: rgba(0,0,0,0); /*Not bothering with var because one-off*/

     }

-    

+

     .toggler:checked + .hamburger > div::before{

       top: 0;

       transform: rotate(-45deg);

     }

-    

+

     /* AND ROTATING THE TOP AND BOTTOM LINES :  */

-    

+

     .toggler:checked + .hamburger > div::after{

       top: 0;

       transform: rotate(45deg);

     }

-  

+

     /* MAIN MENU WITH THE WHITE BACKGROUND AND THE TEXT :  */

-  

+

     .main-nav {

-  

+

     /* APPLYING TRANSITION TO THE MENU :  */

-  

+

       display: flex;

       flex-direction: column;

       position: fixed;

@@ -384,20 +384,20 @@ blockquote {
       background-color: white;

       padding: 6rem 2rem 1rem 2rem;

       align-items: center;

-  

+

     /* HIDDEN INITIALLY  :  */

-  

+

       visibility: hidden;

     }

-  

+

     .main-nav > a {

       margin-top: 15px;

       margin-bottom: 15px;

       font-size: 2rem;

     }

-  

+

     /* IF THE TOGGLER IS CHECKED, THEN INCREASE THE WIDTH OF THE MENU TO 30% , CREATING A SMOOTH EFFECT :  */

-  

+

     .toggler:checked ~ .main-nav{

       visibility: visible;

       animation: fadeIn 0.8s ease;