.overlay{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(122,0,60,.9)}#myCloseButton{width:30px;height:30px;position:absolute;left:50%;margin-left:-15px;top:30px;overflow:hidden;border:none;background:url(../images/cross.png) no-repeat center center;text-indent:200%;color:transparent;outline:none;z-index:100}.overlay nav{text-align:center;position:relative;top:45%;height:60%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.overlay ul{list-style:none;width:100%;margin:0;padding:0;position:relative}.overlay ul li{background:#6f0035;-webkit-backface-visibility:hidden;backface-visibility:hidden}.overlay ul li.squared:nth-child(5n+1), .overlay ul li.squared:nth-child(5n+3), .overlay ul li.squared:nth-child(9) {background:#62002f}.overlay ul li a{font-size:45px;color:#fff;-webkit-transition:color .2s;transition:color .2s}.overlay-boxes{background:transparent;visibility:hidden;-webkit-transition:visibility 0s .8s;transition:visibility 0s .8s}.overlay-boxes.open{visibility:visible;-webkit-transition:none;transition:none}.overlay-boxes svg{position:absolute;top:0;left:0}.overlay-boxes svg path{fill:#7a003c;display:none}.overlay-boxes nav,.overlay-boxes .overlay-close{opacity:0;-webkit-transition:opacity .5s .8s;transition:opacity .5s .8s}.overlay-boxes.open nav,.overlay-boxes.open .overlay-close{opacity:1;-webkit-transition-delay:.8s;transition-delay:.8s}.overlay-boxes.close nav,.overlay-boxes.close .overlay-close{-webkit-transition-delay:0s;transition-delay:0s}