body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol!important}html,body{margin:0;box-sizing:border-box}a{color:#000;text-decoration:none}*,*:before,*:after{box-sizing:border-box}body{min-height:100vh;font-family:Raleway,sans-serif}.container{position:absolute;width:100%;height:100%;overflow:hidden}.container:hover .top:before,.container:hover .top:after,.container:hover .bottom:before,.container:hover .bottom:after,.container:active .top:before,.container:active .top:after,.container:active .bottom:before,.container:active .bottom:after{margin-left:200px;transform-origin:-200px 50%;transition-delay:0s}.container:hover .center,.container:active .center{opacity:1;transition-delay:.2s}.top:before,.top:after,.bottom:before,.bottom:after{content:"";display:block;position:absolute;width:200vmax;height:200vmax;top:50%;left:50%;margin-top:-100vmax;transform-origin:0 50%;transition:all .5s cubic-bezier(.445,.05,0,1);z-index:10;opacity:.65;transition-delay:.2s}.top:before{transform:rotate(45deg);background:#e46569}.top:after{transform:rotate(135deg);background:#ecaf81}.bottom:before{transform:rotate(-45deg);background:#60b8d4}.bottom:after{transform:rotate(-135deg);background:#3745b5}.center{position:absolute;width:400px;height:400px;top:50%;left:50%;margin-left:-200px;margin-top:-225px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;opacity:0;transition:all .5s cubic-bezier(.445,.05,0,1);transition-delay:0s;color:#333}.center input,.center button{width:100%;padding:15px;margin:5px;border-radius:1px;border:1px solid #ccc;font-family:inherit}.center button{cursor:pointer}