h1{text-align:center;font-family:'Galano Grotesque Alt Light';color:#06D85F;margin:80px 0}.box{width:40%;margin:0 auto;background:rgba(255,255,255,.2);padding:35px;border:2px solid #fff;border-radius:20px/50px;background-clip:padding-box;text-align:center}.button{font-size:1em;padding:10px;color:#fff;border:2px solid #06D85F;border-radius:20px/50px;text-decoration:none;cursor:pointer;transition:all 0.3s ease-out}.button:hover{background:#06D85F}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity 500ms;visibility:hidden;opacity:0;z-index:9999}.overlay:target{visibility:visible;opacity:1}.popup{margin:70px auto;padding:20px;background:#9d1360;border-radius:5px;width:30%;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#fff;font-family:'Galano Grotesque Alt Light'}.popup .close{position:absolute;top:20px;right:30px;transition:all 200ms;font-size:30px;font-weight:700;text-decoration:none;color:#fff}.popup .close:hover{color:#06D85F}.popup .content{max-height:350px;overflow:auto;color:#fff;font-family:'Galano Grotesque Alt Light'}@media screen and (max-width:700px){.box{width:70%}.popup{width:70%}}