@import url(https://fonts.googleapis.com/css?family=Nunito+Sans);:root{--blue:#0e0620;--white:#fff;--green:#ffcd3a}body,html{height:100%}body{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;color:var(--blue);display:-ms-flexbox;display:flex;font-size:1em;justify-content:center}body,button{font-family:Nunito Sans}ul{-webkit-padding-start:35px;list-style-type:none;padding-inline-start:35px}svg{visibility:hidden;width:100%}h1{font-size:7.5em;margin:15px 0}h1,h2{font-weight:700}h2{font-size:1.75em}.hamburger-menu{left:0;padding:35px;position:absolute;top:0;z-index:2}.hamburger-menu button{background:none;border:none;cursor:pointer;height:22px;padding:0;position:relative;width:30px}.hamburger-menu button span{background:#000;height:3px;left:0;position:absolute;top:0;transition:.1s ease-in;width:100%}.hamburger-menu button span:nth-child(2){top:9px}.hamburger-menu button span:nth-child(3){top:18px}.hamburger-menu [data-state=open] span:first-child{top:10px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.hamburger-menu [data-state=open] span:nth-child(2){opacity:0;width:0}.hamburger-menu [data-state=open] span:nth-child(3){top:10px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}nav{background:var(--green);color:var(--blue);height:100%;left:0;padding-top:80px;position:absolute;top:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);transition:.24s cubic-bezier(.52,.01,.8,1);width:300px;z-index:1}nav li{opacity:0;-webkit-transform:translateX(-5px);-ms-transform:translateX(-5px);transform:translateX(-5px);transition:.16s cubic-bezier(.44,.09,.46,.84)}nav a{color:inherit;display:block;font-size:1.75em;font-weight:700;transition:.24s ease-in-out}nav a,nav a:hover{text-decoration:none}nav a:hover{color:var(--white)}nav[data-state=open]{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}nav[data-state=open] ul li:first-child{transition-delay:.16s}nav[data-state=open] ul li:first-child,nav[data-state=open] ul li:nth-child(2){opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}nav[data-state=open] ul li:nth-child(2){transition-delay:.32s}nav[data-state=open] ul li:nth-child(3){transition-delay:.48s}nav[data-state=open] ul li:nth-child(3),nav[data-state=open] ul li:nth-child(4){opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}nav[data-state=open] ul li:nth-child(4){transition-delay:.64s}.btn{background:transparent;border-radius:30px;cursor:pointer;font-size:1em;font-weight:700;letter-spacing:2px;margin:5px 0;overflow:hidden;padding:8px 30px;position:relative;transition:.2s ease;z-index:1}.btn.green{border:4px solid var(--green);color:var(--blue)}.btn.green:before{content:"";height:100%;left:0;position:absolute;top:0;width:0;z-index:-1}.btn.green:before,.btn.green:hover{background:var(--green);transition:.2s ease}.btn.green:hover{color:var(--white)}.btn.green:hover:before{width:100%}@media screen and (max-width:768px){body{display:block}.container{margin-bottom:70px;margin-top:70px}}svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.fa-w-20{width:1.25em}svg:not(:root){overflow:hidden}.fa-3x{font-size:3em}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}