--- /dev/null
+/*!
+ * Hamburgers
+ * @description Tasty CSS-animated hamburgers
+ * @author Jonathan Suh @jonsuh
+ * @site https://jonsuh.com/hamburgers
+ * @link https://github.com/jonsuh/hamburgers
+ */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy .hamburger-box{perspective:80px}.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy .hamburger-inner:after,.hamburger--3dxy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent}.hamburger--3dxy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dxy-r .hamburger-box{perspective:80px}.hamburger--3dxy-r .hamburger-inner{transition:transform .15s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r .hamburger-inner:after,.hamburger--3dxy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dxy-r.is-active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg) rotate(-180deg);background-color:transparent}.hamburger--3dxy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dxy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .1s,transform .1s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrowturn.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner{transform:rotate(-180deg)}.hamburger--arrowturn-r.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowturn-r.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.275s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .125s ease .275s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .275s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:75ms;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:75ms;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,left .125s ease-in .175s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .125s cubic-bezier(.6,.04,.98,.335),top .05s linear .125s,right .125s ease-in .175s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .125s ease-out,top .05s linear .125s,transform .125s cubic-bezier(.075,.82,.165,1) .175s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--minus .hamburger-inner:after,.hamburger--minus .hamburger-inner:before{transition:bottom .08s ease-out 0s,top .08s ease-out 0s,opacity 0s linear}.hamburger--minus.is-active .hamburger-inner:after,.hamburger--minus.is-active .hamburger-inner:before{transition:bottom .08s ease-out,top .08s ease-out,opacity 0s linear .08s;opacity:0}.hamburger--minus.is-active .hamburger-inner:before{top:0}.hamburger--minus.is-active .hamburger-inner:after{bottom:0}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .13s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.22s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.13s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .22s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand-r .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;transform:rotate(45deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.2s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}
\ No newline at end of file
--- /dev/null
+// colors definitions for shades-of-gray-simplify theme
+
+// Palette generated by Material Palette - materialpalette.com/grey/yellow
+$primary-color: #9E9E9E;
+$primary-color-light: #F5F5F5;
+$primary-color-dark: #616161;
+$primary-color-dark-translucent: rgba(97, 97, 97, 0.95);
+$primary-text-color: #212121;
+$secondary-text-color: #727272;
+$accent-color: #FFEB3B;
+$divider-color: #B6B6B6;
+$alert-color: #8d0011;
+
+$standard-box-shadow-color: darken($primary-color-dark, 10%);
+
+// gradient used in blog view by the heading images
+$primary-gradient: #2c3646;
+$secondary-gradient: #7c8491;
--- /dev/null
+@include headings() {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 800;
+ text-transform: uppercase;
+}
+div {
+ margin: 0;
+ padding: 0;
+}
+.material-icons {
+ line-height: 1em;
+}
+dl {
+ dt {
+ text-decoration: underline;
+ }
+ dd {
+ margin-left: 2em;
+ }
+}
+dl#personal-stats {
+ dt {}
+ dd {}
+}
--- /dev/null
+/* Reset rules by Eric S. Meyer
+ http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+body {
+ line-height: 1;
+}
+ol, ul {
+ list-style: none;
+}
+blockquote, q {
+ quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
--- /dev/null
+// Usage:
+// @include px-rem(property, value, value, ecc);
+// @include px-rem(margin, 20, auto);
+@mixin px-rem($property, $values...) {
+ $max: length($values);
+ $pxValues: '';
+ $remValues: '';
+
+ $base-font: strip-units($em-base);
+
+ @for $i from 1 through $max {
+ $value: strip-units(nth($values, $i));
+
+ @if $value == auto or $value == inherit or $value == 0 {
+ $pxValues: #{$pxValues + $value};
+ } @else {
+ $pxValues: #{$pxValues + $value}px;
+ }
+
+ @if $i < $max {
+ $pxValues: #{$pxValues + " "};
+ }
+ }
+
+ @for $i from 1 through $max {
+ $value: strip-units(nth($values, $i));
+ @if $value == auto or $value == inherit or $value == 0 {
+ $remValues: #{$remValues + $value};
+ } @else {
+ $remValues: #{$remValues + $value / $base-font}rem;
+ }
+ @if $i < $max {
+ $remValues: #{$remValues + " "};
+ }
+ }
+
+ #{$property}: $pxValues;
+ #{$property}: $remValues;
+}
+
+// Usage:
+// @include headings([1, 6]){
+// [...]
+// }
+@mixin headings($from: 1, $to: 6){
+ @for $i from $from through $to{
+ h#{$i}{
+ @content
+ }
+ }
+}
+
+/// Given a font size in pixels, reproduces that font size in rems.
+/// @access public
+/// @param {Length} $size - Font size
+/// @example scss - Usage
+/// .foo {
+/// @include font-size(16px);
+/// }
+/// @example css - Result
+/// .foo {
+/// font-size: 16px;
+/// font-size: 1rem;
+/// }
+@mixin font-size($size) {
+ @if unitless($size) {
+ $size: $size * 1px;
+ }
+
+ font-size: $size;
+ font-size: ($size / $em-base) * 1rem;
+}
+
+/// Horizontally centers block elements
+/// @access public
+/// @example scss - Usage
+/// .foo {
+/// @include center-block;
+/// }
+/// @example css - Result
+/// .foo {
+/// display: block;
+/// margin-left: auto;
+/// margin-right: auto;
+/// }
+@mixin center-block {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/// Vertically centers block elements with known height.
+/// @access public
+/// @param {Length} $height - Element's height
+/// @example scss - Usage
+/// .foo {
+/// @include center-h(42px);
+/// }
+/// @example css - Result
+/// .foo {
+/// position: absolute;
+/// top: 50%;
+/// height: 42px;
+/// margin-top: -21px;
+/// }
+@mixin center-h($height) {
+ position: absolute;
+ top: 50%;
+ height: $height;
+ margin-top: -($height / 2);
+}
+
+// box-shadow
+// top and left are the anchor point from where to start moving the shadow
+@mixin box-shadow($top, $left, $blur, $color, $inset: false) {
+ @if unitless($top) or unitless($left) or unitless($blur) {
+ $top: $top * 1px;
+ $left: $left * 1px;
+ $blur: $blur * 1px;
+ }
+ @if $inset {
+ -webkit-box-shadow:inset $top $left $blur $color;
+ -moz-box-shadow:inset $top $left $blur $color;
+ box-shadow:inset $top $left $blur $color;
+ } @else {
+ -webkit-box-shadow: $top $left $blur $color;
+ -moz-box-shadow: $top $left $blur $color;
+ box-shadow: $top $left $blur $color;
+ }
+}
+
+/// text shadow
+/// @access public
+/// @param {String} $rgb - rgb color
+/// @param {Float} $opacity - opacity
+/// @param {Int} $h - h-shadow
+/// @param {Int} $v - v-shadow
+/// @param {Float} $blur - blur-radius
+/// @example scss - Usage
+/// .foo {
+/// @include text-shadow("0,0,0", 0.5, 1, 1, 5 );
+/// }
+/// @example css - Result
+/// .foo {
+/// text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 5px;
+/// }
+@mixin text-shadow($opacity, $h, $v, $blur, $rgb: #000000) {
+ @if unitless($h) or unitless($v) or unitless($blur) {
+ $h: $h * 1px;
+ $v: $v * 1px;
+ $blur: $blur * 1px;
+ }
+ text-shadow: $h $v $blur rgba($rgb, $opacity);
+}
+
+// truncate text with an ellipsis
+@mixin text-truncate {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -o-text-overflow: ellipsis;
+ white-space: pre;
+}
+
+// create a circular "thing" out of any item
+// needs to be originally square
+@mixin circle($size, $color, $display) {
+ @if unitless($size) {
+ $size: $size * 1px;
+ }
+ display: $display;
+ line-height: $size;
+ width: $size;
+ height: $size;
+ background: $color;
+ -webkit-border-radius: $size/2;
+ -moz-border-radius: $size/2;
+ border-radius: $size/2;
+}
+
+@mixin cover($w: inherit, $h: inherit) {
+ // Chrome, Safari
+ object-fit: cover;
+ height: $h;
+ width: $w;
+ // Firefox
+ @-moz-document url-prefix() {
+ & {
+ object-fit: cover;
+ height: $h;
+ width: $w;
+ }
+ }
+}
+// border radius bourbon style
+@mixin border-radius($value) {
+ border-radius: $value;
+ background-clip: padding-box;
+}
+// columns mixin to arrange stuff into columns
+@mixin columns($colcount: 0, $colgap: 50px) {
+ -moz-column-count: $colcount;
+ -moz-column-gap: $colgap;
+ -webkit-column-count: $colcount;
+ -webkit-column-gap: $colgap;
+ column-count: $colcount;
+ column-gap: $colgap;
+}
+// Vertical/Horizontal Menu Mixin
+// Originally derived from http://sachagreif.com/useful-sass-mixins/
+@mixin navigation-list ($horiz:false) {
+ $display: block;
+ @if $horiz == true {
+ $display: inline-block;
+ }
+ ul {
+ list-style-type:none;
+ padding:0;
+ margin:0;
+ overflow:hidden;
+ display: block;
+
+ li {
+ display:$display;
+ &:last-child {
+ margin-right:0px;
+ }
+ a {
+ display:block;
+ }
+ }
+ }
+}
--- /dev/null
+@import "colors";
+@import "reset";
+@import "tools";
+@import "formatting";
+/// Base font size setting
+$em-base: 16px;
+
+body {
+ font: {
+ family: 'Open Sans', sans-serif;
+ size: $em-base;
+ weight: 400;
+ }
+ line-height: 1.5;
+ background-color: $primary-color-light;
+ background: radial-gradient(farthest-corner at 1% 1%, $primary-color-light 30%, $primary-color 100%);
+ #wrapper {
+ padding: 1em;
+ padding-left: 4.5em;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-rows: auto;
+ grid-template-areas:
+ "header header header header"
+ "main main main main"
+ "footer footer footer footer";
+ #language {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 7%;
+ z-index: 99;
+ margin: 0;
+ padding: 0;
+ color: $primary-color-light;
+ }
+ #menu {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 10em;
+ height: 100vh;
+ background-color: $primary-color-dark;
+ @include box-shadow(0, 10, 25, $standard-box-shadow-color);
+ transition: width 0.4s ease-in-out;
+ &.closed {
+ width: 4em;
+ #menu-content {
+ display: none;
+ }
+ }
+ #menu-content {
+ margin-top: 3em;
+ text-align: center;
+ padding-left: 1em;
+ padding-right: 1em;
+ }
+ }
+ #header {
+ grid-area: header;
+ display: grid;
+ grid-template-columns: 3fr 1fr;
+ grid-template-rows: 1;
+ grid-template-areas:
+ "name photo";
+ figure {
+ grid-area: photo;
+ width: 16em;
+ img {
+ width: 16em;
+ @include box-shadow(-5, 5, 25, $standard-box-shadow-color);
+ }
+ }
+ #heading {
+ grid-area: name;
+ align-self: center;
+ text-align: center;
+ line-height: 2.5;
+ div {
+ h1 {
+ font-size: 3em;
+ line-height: 2;
+ }
+ }
+ div#address {
+ text-transform: uppercase;
+ i {
+ font-size: 1em;
+ line-height: 1;
+ }
+ }
+ }
+ }
+ #main {
+ grid-area: main;
+ #container {
+ #content {
+ display: grid;
+ grid-template-columns: 1fr 3fr;
+ grid-template-rows: repeat(5, fit-content(100%));
+ grid-column-gap: 1em;
+ grid-template-areas:
+ "profile-title profile-content"
+ "working-title working-content"
+ "studies-title studies-content"
+ "knowledge-title knowledge-content"
+ "personal-title personal-content";
+ div, h2 {
+ margin-top: 2em;
+ }
+ h2.personal-profile {
+ grid-area: profile-title;
+ }
+ div.personal-profile {
+ grid-area: profile-content;
+ text-align: justify;
+ }
+ h2.working-experience {
+ grid-area: working-title;
+ }
+ div.working-experience {
+ grid-area: working-content;
+ div:first-child {
+ margin-top: 0;
+ }
+ }
+ h2.studies {
+ grid-area: studies-title;
+ }
+ div.studies {
+ grid-area: studies-content;
+ }
+ h2.knowledge {
+ grid-area: knowledge-title;
+ }
+ div.knowledge {
+ grid-area: knowledge-content;
+ text-align: justify;
+ }
+ h2.personal-details {
+ grid-area: personal-title;
+ }
+ div.personal-details {
+ grid-area: personal-content;
+ }
+ h2 {
+ text-align: left;
+ }
+ }
+ #privacy {
+ margin-top: 2em;
+ display: grid;
+ grid-template-columns: 1fr 3fr;
+ grid-template-rows: auto;
+ grid-row-gap: 1px;
+ grid-template-areas:
+ ". refs"
+ ". privacy";
+ div#refs {
+ grid-area: refs;
+ }
+ div#notice {
+ grid-area: privacy;
+ }
+ div#notice,
+ div#refs {
+ text-align: center;
+ font-size: 0.7em;
+ font-style: italic;
+ }
+ }
+ }
+ }
+ #footer {
+ margin-top: 2em;
+ font-size: 0.8em;
+ grid-area: footer;
+ p {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-template-rows: auto;
+ grid-column-gap: 1em;
+ grid-template-areas:
+ "mail name phone";
+ span i {
+ font-size: 0.75em;
+ }
+ span#mail {
+ grid-area: mail;
+ text-align: left;
+ }
+ span#name {
+ grid-area: name;
+ text-align: center;
+ }
+ span#phone {
+ grid-area: phone;
+ text-align: right;
+ }
+ }
+ }
+ }
+}
+
+@page {
+ size: A4;
+ margin: 11mm 15mm 15mm 17mm;
+}
+
+@media print {
+ body {
+ background: none;
+ #wrapper {
+ #language,
+ #menu {
+ display: none;
+ }
+ #header {
+ figure {
+ width: 7em;
+ img {
+ width: 7em;
+ box-shadow: none;
+ }
+ }
+ }
+ #main {
+ #container {
+ #content {
+ div.working-experience {
+ div {
+ page-break-inside: avoid;
+ }
+ }
+ div.knowledge {
+ page-break-after: always !important;
+ }
+ }
+ }
+ }
+ #footer {
+ position: fixed;
+ bottom: 0;
+ width: 100%;
+ p {
+ span {
+ }
+ span#mail {
+ }
+ span#name {
+ }
+ span#phone {
+ }
+ }
+ }
+ }
+ }
+ html, body {
+ width: 210mm;
+ height: 297mm;
+ }
+}
\ No newline at end of file
--- /dev/null
+/* Reset rules by Eric S. Meyer
+ http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline; }
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block; }
+
+body {
+ line-height: 1; }
+
+ol, ul {
+ list-style: none; }
+
+blockquote, q {
+ quotes: none; }
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none; }
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0; }
+
+h1 {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 800;
+ text-transform: uppercase; }
+
+h2 {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 800;
+ text-transform: uppercase; }
+
+h3 {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 800;
+ text-transform: uppercase; }
+
+h4 {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 800;
+ text-transform: uppercase; }
+
+h5 {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 800;
+ text-transform: uppercase; }
+
+h6 {
+ font-family: 'Montserrat', sans-serif;
+ font-weight: 800;
+ text-transform: uppercase; }
+
+div {
+ margin: 0;
+ padding: 0; }
+
+.material-icons {
+ line-height: 1em; }
+
+dl dt {
+ text-decoration: underline; }
+dl dd {
+ margin-left: 2em; }
+
+body {
+ font-family: 'Open Sans', sans-serif;
+ font-size: 16px;
+ font-weight: 400;
+ line-height: 1.5;
+ background-color: #F5F5F5;
+ background: radial-gradient(farthest-corner at 1% 1%, #F5F5F5 30%, #9E9E9E 100%); }
+ body #wrapper {
+ padding: 1em;
+ padding-left: 4.5em;
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ grid-template-rows: auto;
+ grid-template-areas: "header header header header" "main main main main" "footer footer footer footer"; }
+ body #wrapper #language {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 7%;
+ z-index: 99;
+ margin: 0;
+ padding: 0;
+ color: #F5F5F5; }
+ body #wrapper #menu {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 10em;
+ height: 100vh;
+ background-color: #616161;
+ -webkit-box-shadow: 0px 10px 25px #484848;
+ -moz-box-shadow: 0px 10px 25px #484848;
+ box-shadow: 0px 10px 25px #484848;
+ transition: width 0.4s ease-in-out; }
+ body #wrapper #menu.closed {
+ width: 4em; }
+ body #wrapper #menu.closed #menu-content {
+ display: none; }
+ body #wrapper #menu #menu-content {
+ margin-top: 3em;
+ text-align: center;
+ padding-left: 1em;
+ padding-right: 1em; }
+ body #wrapper #header {
+ grid-area: header;
+ display: grid;
+ grid-template-columns: 3fr 1fr;
+ grid-template-rows: 1;
+ grid-template-areas: "name photo"; }
+ body #wrapper #header figure {
+ grid-area: photo;
+ width: 16em; }
+ body #wrapper #header figure img {
+ width: 16em;
+ -webkit-box-shadow: -5px 5px 25px #484848;
+ -moz-box-shadow: -5px 5px 25px #484848;
+ box-shadow: -5px 5px 25px #484848; }
+ body #wrapper #header #heading {
+ grid-area: name;
+ align-self: center;
+ text-align: center;
+ line-height: 2.5; }
+ body #wrapper #header #heading div h1 {
+ font-size: 3em;
+ line-height: 2; }
+ body #wrapper #header #heading div#address {
+ text-transform: uppercase; }
+ body #wrapper #header #heading div#address i {
+ font-size: 1em;
+ line-height: 1; }
+ body #wrapper #main {
+ grid-area: main; }
+ body #wrapper #main #container #content {
+ display: grid;
+ grid-template-columns: 1fr 3fr;
+ grid-template-rows: repeat(5, fit-content(100%));
+ grid-column-gap: 1em;
+ grid-template-areas: "profile-title profile-content" "working-title working-content" "studies-title studies-content" "knowledge-title knowledge-content" "personal-title personal-content"; }
+ body #wrapper #main #container #content div, body #wrapper #main #container #content h2 {
+ margin-top: 2em; }
+ body #wrapper #main #container #content h2.personal-profile {
+ grid-area: profile-title; }
+ body #wrapper #main #container #content div.personal-profile {
+ grid-area: profile-content;
+ text-align: justify; }
+ body #wrapper #main #container #content h2.working-experience {
+ grid-area: working-title; }
+ body #wrapper #main #container #content div.working-experience {
+ grid-area: working-content; }
+ body #wrapper #main #container #content div.working-experience div:first-child {
+ margin-top: 0; }
+ body #wrapper #main #container #content h2.studies {
+ grid-area: studies-title; }
+ body #wrapper #main #container #content div.studies {
+ grid-area: studies-content; }
+ body #wrapper #main #container #content h2.knowledge {
+ grid-area: knowledge-title; }
+ body #wrapper #main #container #content div.knowledge {
+ grid-area: knowledge-content;
+ text-align: justify; }
+ body #wrapper #main #container #content h2.personal-details {
+ grid-area: personal-title; }
+ body #wrapper #main #container #content div.personal-details {
+ grid-area: personal-content; }
+ body #wrapper #main #container #content h2 {
+ text-align: left; }
+ body #wrapper #main #container #privacy {
+ margin-top: 2em;
+ display: grid;
+ grid-template-columns: 1fr 3fr;
+ grid-template-rows: auto;
+ grid-row-gap: 1px;
+ grid-template-areas: ". refs" ". privacy"; }
+ body #wrapper #main #container #privacy div#refs {
+ grid-area: refs; }
+ body #wrapper #main #container #privacy div#notice {
+ grid-area: privacy; }
+ body #wrapper #main #container #privacy div#notice,
+ body #wrapper #main #container #privacy div#refs {
+ text-align: center;
+ font-size: 0.7em;
+ font-style: italic; }
+ body #wrapper #footer {
+ margin-top: 2em;
+ font-size: 0.8em;
+ grid-area: footer; }
+ body #wrapper #footer p {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-template-rows: auto;
+ grid-column-gap: 1em;
+ grid-template-areas: "mail name phone"; }
+ body #wrapper #footer p span i {
+ font-size: 0.75em; }
+ body #wrapper #footer p span#mail {
+ grid-area: mail;
+ text-align: left; }
+ body #wrapper #footer p span#name {
+ grid-area: name;
+ text-align: center; }
+ body #wrapper #footer p span#phone {
+ grid-area: phone;
+ text-align: right; }
+
+@page {
+ size: A4;
+ margin: 11mm 15mm 15mm 17mm; }
+@media print {
+ body {
+ background: none; }
+ body #wrapper #language,
+ body #wrapper #menu {
+ display: none; }
+ body #wrapper #header figure {
+ width: 7em; }
+ body #wrapper #header figure img {
+ width: 7em;
+ box-shadow: none; }
+ body #wrapper #main #container #content div.working-experience div {
+ page-break-inside: avoid; }
+ body #wrapper #main #container #content div.knowledge {
+ page-break-after: always !important; }
+ body #wrapper #footer {
+ position: fixed;
+ bottom: 0;
+ width: 100%; }
+
+ html, body {
+ width: 210mm;
+ height: 297mm; } }
+
+/*# sourceMappingURL=style.css.map */
--- /dev/null
+{
+"version": 3,
+"mappings": "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",
+"sources": ["source/_reset.scss","source/_tools.scss","source/_formatting.scss","source/style.scss","source/_colors.scss"],
+"names": [],
+"file": "style.css"
+}
\ No newline at end of file
--- /dev/null
+<?xml version="1.0" encoding="iso-8859-1"?>\r
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->\r
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
+ viewBox="0 0 512.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve">\r
+<path style="fill:#41479B;" d="M503.172,423.725H8.828c-4.875,0-8.828-3.953-8.828-8.828V97.104c0-4.875,3.953-8.828,8.828-8.828\r
+ h494.345c4.875,0,8.828,3.953,8.828,8.828v317.793C512,419.772,508.047,423.725,503.172,423.725z"/>\r
+<path style="fill:#F5F5F5;" d="M512,97.104c0-4.875-3.953-8.828-8.828-8.828h-39.495l-163.54,107.147V88.276h-88.276v107.147\r
+ L48.322,88.276H8.828C3.953,88.276,0,92.229,0,97.104v22.831l140.309,91.927H0v88.276h140.309L0,392.066v22.831\r
+ c0,4.875,3.953,8.828,8.828,8.828h39.495l163.54-107.147v107.147h88.276V316.578l163.54,107.147h39.495\r
+ c4.875,0,8.828-3.953,8.828-8.828v-22.831l-140.309-91.927H512v-88.276H371.691L512,119.935V97.104z"/>\r
+<g>\r
+ <polygon style="fill:#FF4B55;" points="512,229.518 282.483,229.518 282.483,88.276 229.517,88.276 229.517,229.518 0,229.518 \r
+ 0,282.483 229.517,282.483 229.517,423.725 282.483,423.725 282.483,282.483 512,282.483 "/>\r
+ <path style="fill:#FF4B55;" d="M178.948,300.138L0.25,416.135c0.625,4.263,4.14,7.59,8.577,7.59h12.159l190.39-123.586h-32.428\r
+ V300.138z"/>\r
+ <path style="fill:#FF4B55;" d="M346.388,300.138H313.96l190.113,123.404c4.431-0.472,7.928-4.09,7.928-8.646v-7.258\r
+ L346.388,300.138z"/>\r
+ <path style="fill:#FF4B55;" d="M0,106.849l161.779,105.014h32.428L5.143,89.137C2.123,90.54,0,93.555,0,97.104V106.849z"/>\r
+ <path style="fill:#FF4B55;" d="M332.566,211.863L511.693,95.586c-0.744-4.122-4.184-7.309-8.521-7.309h-12.647L300.138,211.863\r
+ H332.566z"/>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+</svg>\r
--- /dev/null
+<?xml version="1.0" encoding="iso-8859-1"?>\r
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->\r
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r
+ viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">\r
+<path style="fill:#73AF00;" d="M170.667,423.721H8.828c-4.875,0-8.828-3.953-8.828-8.828V97.1c0-4.875,3.953-8.828,8.828-8.828\r
+ h161.839V423.721z"/>\r
+<rect x="170.67" y="88.277" style="fill:#F5F5F5;" width="170.67" height="335.45"/>\r
+<path style="fill:#FF4B55;" d="M503.172,423.721H341.333V88.273h161.839c4.875,0,8.828,3.953,8.828,8.828v317.793\r
+ C512,419.77,508.047,423.721,503.172,423.721z"/>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+<g>\r
+</g>\r
+</svg>\r
--- /dev/null
+<!DOCTYPE html>
+<html lang="it-IT">
+ <head>
+ <meta charset="UTF-8">
+ <title>Danilo Macrì | CV</title>
+ <meta name="description" content="Io sono Danilo Macrì e questo è il mio Curriculum Vitae. Se vi sembra interessante non esitate a contattarmi.">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <link rel="stylesheet" href="css/style.css">
+ <link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans|Roboto" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+ <link rel="stylesheet" href="css/hamburgers.min.css">
+
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+ <script src="js/utils.js"></script>
+ <link rel="icon" sizes="192x192" href="img/icon.png">
+ </head>
+ <body>
+ <div id="wrapper">
+ <div id="language">
+ <button aria-label="Menu" aria-controls="menu" id="sidemenu" class="hamburger hamburger--arrowturn" type="button">
+ <span class="hamburger-box">
+ <span class="hamburger-inner"></span>
+ </span>
+ </button>
+ </div><!-- end #language -->
+ <div id="menu" class="closed">
+ <div id="menu-content">
+ <a href="?lang=it_IT" id="it"><img src="img/it.svg" alt="Italiano"></a>
+ <a href="?lang=en_GB" id="en"><img src="img/en.svg" alt="English"></a>
+ </div>
+ </div>
+ <header id="header">
+ <figure>
+ <img src="img/image00.jpg" alt="Danilo Macrì">
+ </figure>
+ <div id="heading">
+ <div>
+ <h1>Danilo Macrì</h1>
+ </div>
+ <div id="address">
+ <p id="streetaddr"><i class="material-icons">home</i> Via Luigi Longo, 15 – 37066 Sommacampagna (VR)</p>
+ <p id="contacts"><i class="material-icons">email</i> it.danilo.macri@gmail.com <i class="material-icons">phone_android</i> +393894674504</p>
+ </div>
+ </div>
+ </header>
+
+ <div id="main" role="main">
+
+ <div id="container">
+ <article id="content">
+ <h2 class="section-heading personal-profile"><span class="italian">Profilo Personale:</span></h2>
+ <div class="section-content personal-profile">
+ <p class="italian">Sono un individuo determinato con un'ampia gamma di capacità in diversi settori. Mi trovo a mio agio a lavorare sotto pressione in ambienti dinamici e multiculturali.</p>
+ <p class="english">I'm a focused individual with a wide range of skills in different fields. I'm at ease while working under pressure in very dynamic and multicultural environments.</p>
+ <p class="italian">Ho una spiccata capacità di apprendimento e non riesco a fermarmi finché non ho portato a termine i miei incarichi.</p>
+ <p class="italian">Durante il corso degli anni ho sviluppato una spiccata capacità di interazione col pubblico che mi ha portato a raggiungere traguardi lavorativi importanti sia in Italia che all'estero. Sono molto orientato al raggiungimento degli obiettivi aziendali nonché alla soddisfazione del cliente.</p>
+ </div>
+
+ <h2 class="section-heading working-experience"><span class="italian">Esperienza lavorativa:</span></h2>
+ <div class="section-content working-experience">
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Aprile 2018 – Attualmente</span></h3>
+ <dl>
+ <dt>Goldcar c/o Aeroporto “Valerio Catullo” di Verona</dt>
+ <dd>Agente di noleggio auto</dd>
+ <dd>Verifica e gestione flotta</dd>
+ <dd>Responsabilità di cassa e POS</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Dicembre 2017 – Marzo 2018</span></h3>
+ <dl>
+ <dt>Bricoman Verona</dt>
+ <dd>Addetto vendita reparto Piastrelle</dd>
+ <dd>Gestione magazzino</dd>
+ <dd>Carrellista con uso muletto e mezzi di movimentazione con uomo a terra</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Maggio 2017 – Novembre 2017</span></h3>
+ <dl>
+ <dt>Goldcar c/o Aeroporto “Valerio Catullo” di Verona</dt>
+ <dd>Agente di noleggio auto</dd>
+ <dd>Verifica e gestione flotta</dd>
+ <dd>Responsabilità di cassa e POS</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Giugno 2016 – Marzo 2017</span></h3>
+ <dl>
+ <dt>America Graffiti Restaurant – S. Giovanni Lupatoto (VR)</dt>
+ <dd>Cameriere</dd>
+ <dd>Responsabile di Sala</dd>
+ <dd>Gestione orari</dd>
+ <dd>Gestione cassa</dd>
+ <dd>Mansioni amministrative (ordini di magazzino, fatturazione)</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Maggio 2015 – Ottobre 2015</span></h3>
+ <dl>
+ <dt>Rosewood Tucker's Point – Hamilton, Bermuda</dt>
+ <dd>Cameriere presso ristorante “Sur Mer”</dd>
+ <dd>Responsabile del servizio piscina</dd>
+ <dd>Gestione magazzino e ordini</dd>
+ <dd>Gestione cassa e POS</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Novembre 2014 – Marzo 2015</span></h3>
+ <dl>
+ <dt>Regent Seven Seas Cruises</dt>
+ <dd>Imbarco sulla nave “Vojager” in crociera nell'Oceano Indiano</dd>
+ <dd>Cameriere presso il ristorante “Sette Mari”</dd>
+ <dd>Responsabile gestione banchetti</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Luglio 2013 – Agosto 2014</span></h3>
+ <dl>
+ <dt>Walt Disney World Resort – Orlando, (FL) USA</dt>
+ <dd>Cameriere presso il ristorante “Via Napoli” all'interno del parco di EPCOT</dd>
+ <dd>Ruolo di capo cameriere</dd>
+ <dd>Responsabilità di cassa e POS</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Marzo 2012 – Aprile 2013</span></h3>
+ <dl>
+ <dt>Gardaland – Castelnuovo del Garda (VR)</dt>
+ <dd>Addetto reparto “Area Games”</dd>
+ <dd>Ruolo di vendita per obiettivi</dd>
+ <dd>Gestione cassa</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Marzo 2010 – Gennaio 2012</span></h3>
+ <dl>
+ <dt>StudioPrimoPiano di Giulio Archinà – Siderno (RC)</dt>
+ <dd>Fotografo in studio e in esterna</dd>
+ <dd>Gestione punto vendita</dd>
+ <dd>Responsabilità di cassa e POS</dd>
+ <dd>Gestione magazzino</dd>
+ <dd>Gestione ordini e fatturazione</dd>
+ <dd>Creazione e gestione Sito Web dell'attività</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Settembre 2005 – Gennaio 2010</span></h3>
+ <dl>
+ <dt>Contact Center “Call & Call Lokroi” - Locri (RC)</dt>
+ <dd>Vendita telefonica outbound per clienti nazionali (Vodafone, H3G, Sky, Mediaset Premium)</dd>
+ <dd>Assistenza clienti Inbound/Outbound per clienti nazionali (H3G, Sky, Mediaset Premium)</dd>
+ <dd>Assistenza clienti finanziaria per Findomestic con uso di software su AS400</dd>
+ <dd>Attività di data entry interna per la gestione delle nuove campagne del contact center con profilazione su più piattaforme</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ <div class="experience-content">
+ <h3 class="content-heading workperiod"><span class="italian">Ottobre 2004 – Aprile 2005</span></h3>
+ <dl>
+ <dt>Supermercato Famila – Verona</dt>
+ <dd>Addetto no food in corsia</dd>
+ <dd>Movimentazione merci con utilizzo transpallet manuale e elettrico.</dd>
+ <dd>Gestione magazzino all'interno delle operazioni di scarico e stoccaggio merci</dd>
+ </dl>
+ </div> <!-- end .experience-content -->
+ </div><!-- end .section-content .working-experience -->
+
+ <h2 class="section-heading studies"><span class="italian">Titoli di Studio:</span></h2>
+ <div class="section-content studies">
+ <h3 class="content-heading study-year">2016</h3>
+ <p>Ottenuto il certificato di <strong>Inglese Avanzato C2</strong> secondo lo standard “European Language Portfolio”</p>
+ <h3 class="content-heading study-year">1999 – 2004</h3>
+ <p>Corso di Studi presso l'Istituto d'Istruzione Superiore ad indirizzo Turistico/Aziendale “Umberto Zanotti Bianco” di Marina di Gioiosa Jonica (RC).</p>
+ <p>Diploma conseguito con la valutazione di <strong>77/100</strong></p>
+ </div>
+
+ <h2 class="section-heading knowledge"><span class="italian">Conoscenze e Capacità personali:</span></h2>
+ <div class="section-content knowledge">
+ <p>Conoscenza approfondita del computer e dei pacchetti Office più comuni (Microsoft® Office®, OpenOffice, LibreOffice), ottima conoscenza dei programmi di messaggistica e-mail e dei browser web. Conoscenza avanzata dei Sistemi operativi GNU/Linux. Esperienza pratica con il Sistema operativo AS-400.</p>
+ <p>Buona conoscenza di Adobe Photoshop® e dei principali software Point of Sales (Macros®, Jonas®)</p>
+ <p>Esperienza pratica autodidatta dal 2007 come sviluppatore web (PHP, JS, HTML, CSS, piattaforma WordPress) e come amministratore di sistemi GNU/Linux (Virtual Machine, stack LAMP, Networking)</p>
+ </div>
+
+ <h2 class="section-heading personal-details"><span class="italian">Dettagli Personali:</span></h2>
+ <div class="section-content personal-details">
+ <dl id="personal-stats">
+ <dt>Data di nascita:</dt>
+ <dd>06 Maggio 1985</dd>
+
+ <dt>Patenti e Attestati:</dt>
+ <dd>Patente B automunito</dd>
+ <dd>Patentino Carrellista conseguito nel 2017</dd>
+ <dd>Attestato Preposto conseguito nel 2016</dd>
+
+ <dt>Lingue Conosciute:</dt>
+ <dd>Inglese livello C2</dd>
+ <dd>Francese livello scolastico</dd>
+ <dd>Spagnolo livello scolastico</dd>
+
+ <dt>Interessi:</dt>
+ <dd>Viaggi, Informatica, Fotografia, Tecnologia, Bricolage</dd>
+ </dl>
+ </div>
+ </article>
+
+ <article id="privacy">
+ <div id="refs">
+ <p class="italian">Su richiesta posso fornire lettere di referenze dai miei precedenti datori di lavoro.</p>
+ </div>
+ <div id="notice">
+ <p class="italian">I dati personali acquisiti mediante questo Curriculum Vitae devono essere trattati nel rispetto delle norme del'art. 13 del D. Lgs. 196/2003 in materia di trattamento dei dati personali.</p>
+ </div>
+ </article>
+ </div> <!-- /#container -->
+
+ </div> <!-- /#main -->
+
+ <footer id="footer">
+ <p><span id="mail"><i class="material-icons">email</i> it.danilo.macri@gmail.com</span><span id="name">Danilo Macrì</span><span id="phone"><i class="material-icons">phone_android</i> +393894674504</span></p>
+ </footer>
+ </div> <!-- /#wrapper -->
+
+ </body>
+</html>
--- /dev/null
+$( document ).ready(function() {
+ $( "#sidemenu" ).click( function() {
+ $( "#sidemenu" ).toggleClass('is-active');
+ $( "div#menu" ).toggleClass('closed');
+ });
+});
