:root{--blue:#0e0620;--white:#fff;--green:#2ccf6d}html,body{height:100%;font-family:Arial,sans-serif}body{display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif !important;color:var(--blue);font-size:1em}button{font-family:Arial,sans-serif !important}ul{list-style-type:none;padding-inline-start:35px}svg{width:100%;visibility:hidden}h1{font-size:7.5em;margin:15px 0;font-weight:bold}h2{font-weight:bold}.hamburger-menu{position:absolute;top:0;left:0;padding:35px;z-index:2}.hamburger-menu button{position:relative;width:30px;height:22px;border:none;background:none;padding:0;cursor:pointer}.hamburger-menu button span{position:absolute;height:3px;background:#000;width:100%;left:0;top:0;transition:.1s ease-in}.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{transform:rotate(45deg);top:10px}.hamburger-menu [data-state="open"] span:nth-child(2){width:0%;opacity:0}.hamburger-menu [data-state="open"] span:nth-child(3){transform:rotate(-45deg);top:10px}nav{position:absolute;height:100%;top:0;left:0;background:var(--green);color:var(--blue);width:300px;z-index:1;padding-top:80px;transform:translateX(-100%);transition:.24s cubic-bezier(.52,.01,.8,1)}nav li{transform:translateX(-5px);transition:.16s cubic-bezier(.44,.09,.46,.84);opacity:0}nav a{display:block;font-size:1.75em;font-weight:bold;text-decoration:none;color:inherit;transition:.24s ease-in-out}nav a:hover{text-decoration:none;color:var(--white)}nav[data-state="open"]{transform:translateX(0%)}nav[data-state="open"] ul li{transform:translateX(0);opacity:1;transition-delay:.16s}.btn{z-index:1;overflow:hidden;background:transparent;position:relative;padding:8px 50px;border-radius:30px;cursor:pointer;font-size:1em;letter-spacing:2px;transition:.2s ease;font-weight:bold;margin:5px 0}.btn.green{border:4px solid var(--green);color:var(--blue)}.btn.green::before{content:"";position:absolute;left:0;top:0;width:0%;height:100%;background:var(--green);z-index:-1;transition:.2s ease}.btn.green:hover{color:var(--white);background:var(--green);transition:.2s ease}.btn.green:hover::before{width:100%}@media screen and (max-width:768px){body{display:block}.container{margin-top:70px;margin-bottom:70px}}