:root{--blue:#0e0620;--white:#fff;--green:#eb144c}#cw404 button{font-family:"Nunito Sans"}#cw404 ul{list-style-type:none;padding-inline-start:35px}#cw404 svg{width:100%;visibility:hidden}#cw404 h1{font-size:8em;margin:10px 0;font-weight:bold}#cw404 h2{font-weight:bold;font-size:1.8em}#cw404 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)}#cw404 nav li{transform:translateX(-5px);transition:.16s cubic-bezier(.44,.09,.46,.84);opacity:0}#cw404 nav a{display:block;font-size:1.75em;font-weight:bold;text-decoration:none;color:inherit;transition:.24s ease-in-out}#cw404 nav a:hover{text-decoration:none;color:var(--white)}#cw404 nav[data-state="open"]{transform:translateX(0)}#cw404 nav[data-state="open"] ul li:nth-child(1){transition-delay:.16s;transform:translateX(0);opacity:1}#cw404 nav[data-state="open"] ul li:nth-child(2){transition-delay:.32s;transform:translateX(0);opacity:1}#cw404 nav[data-state="open"] ul li:nth-child(3){transition-delay:.48s;transform:translateX(0);opacity:1}#cw404 nav[data-state="open"] ul li:nth-child(4){transition-delay:.64s;transform:translateX(0);opacity:1}#cw404 .btn{z-index:1;overflow:hidden;background:transparent;position:relative;padding:6px 30px;border-radius:30px;cursor:pointer;font-size:1.2em;letter-spacing:2px;transition:.2s ease;font-weight:bold;margin:5px 0}#cw404 .btn.green{border:4px solid var(--green);color:var(--blue)}#cw404 .btn.green:before{content:"";position:absolute;left:0;top:0;width:0;height:100%;background:var(--green);z-index:-1;transition:.2s ease}#cw404 .btn.green:hover{color:var(--white);background:var(--green);transition:.2s ease}#cw404 .btn.green:hover:before{width:100%}