@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic);@import url(https://fonts.googleapis.com/css?family=Alegreya:400,400italic,700italic,700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,400italic,600,600italic);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#141414;color:#ffdada;font-family:Libre Baskerville,serif;font-size:62.5%;position:relative}body:after,body:before{background:url(http://static.asiawebdirect.com/m/phuket/portals/japan-hotels-ws/homepage/tokyo/shibuya/nightlife/pagePropertiesImage/Shibuya%20Nightlife.jpg);background-position:50%;background-size:cover;content:" ";-webkit-filter:blur(5px);-moz-filter:blur(5px);-o-filter:blur(5px);filter:blur(5px);height:100vh;left:0;position:absolute;top:0;width:100%;z-index:-100}body:after{background:rgba(0,0,0,.6);z-index:-90}.wrapper{height:100%;left:0;position:fixed;text-align:center;top:0;width:100%}.wrapper:before{content:"";display:inline-block;height:100%;margin-right:0;vertical-align:middle;width:1px}.info{-webkit-animation:info-appear 3s 1;animation:info-appear 3s 1}.infobox{display:inline-block;position:relative;text-align:center;top:0;vertical-align:middle;width:600px}.infobox:before{-webkit-animation:opening-left 2s 1;animation:opening-left 2s 1;left:0;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:left top;transform-origin:left top}.infobox:after,.infobox:before{background:#fff;content:" ";height:0;overflow:visible;position:absolute;width:0}.infobox:after{-webkit-animation:opening-right 2s 1;animation:opening-right 2s 1;bottom:0;right:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right bottom;transform-origin:right bottom}.infobox .title{margin:-30px auto;position:relative;text-align:center}.infobox .title h1{display:inline-block;font-size:5em;font-weight:300;letter-spacing:.25em;margin-right:-.3em;position:relative;text-transform:uppercase}.infobox .links{margin-bottom:10px;margin-top:50px}.infobox .links a,.infobox .links a:hover,.infobox .links a:visited{-webkit-animation:bg 1.2s ease-in-out 2s 1;animation:bg 1.2s ease-in-out 2s 1;border:1px solid pink;color:pink;font-family:Open Sans,sans-serif;font-size:2.2em;font-weight:300;letter-spacing:.3em;padding-left:.3em;text-decoration:none;text-transform:uppercase}.infobox .links a:hover:nth-child(2),.infobox .links a:nth-child(2),.infobox .links a:visited:nth-child(2){-webkit-animation-delay:2.2s;animation-delay:2.2s;margin-left:10px;margin-right:10px}.infobox .links a:hover:nth-child(3),.infobox .links a:nth-child(3),.infobox .links a:visited:nth-child(3){-webkit-animation-delay:2.4s;animation-delay:2.4s}.infobox .links a:hover{background:#ff0;color:#141414}.infobox .subtitle{clear:both;color:pink;position:relative}.infobox .subtitle:after,.infobox .subtitle:before{border-bottom:1px dotted crimson;content:" ";height:50%;position:absolute;top:0;width:30%}.infobox .subtitle:before{left:0}.infobox .subtitle:after{right:0}.infobox .subtitle span{font-family:Alegreya,serif;font-size:2.5em;font-style:italic;font-weight:400}.lantern{display:inline-block;margin-left:20px;margin-right:20px;position:relative;top:5px;width:60px}.lantern .hook{background:#000;-o-box-shadow:0 55px 0 0 #000;box-shadow:0 55px 0 0 #000;height:5px;margin:10px auto 0;position:relative;width:10px}.lantern .circle{background:#f66;border-radius:50%;-o-box-shadow:0 0 20px 0 #fff;box-shadow:0 0 20px 0 #fff;height:50px;position:relative;width:60px}.lantern .circle:before{border-left:2px solid rgba(204,82,82,.8);border-right:2px solid rgba(204,82,82,.8);width:15px}.lantern .circle:after,.lantern .circle:before{background:transparent;border-radius:50%;bottom:0;content:" ";height:50px;left:0;margin:auto;position:absolute;right:0;z-index:1}.lantern .circle:after{border-left:2px solid rgba(204,82,82,.9);border-right:2px solid rgba(204,82,82,.9);width:40px}.lantern .circle .glow{-webkit-animation:lantern 2s ease-in-out infinite forwards;animation:lantern 2s ease-in-out infinite forwards;background:rgba(255,255,0,.7);border-radius:50%;-o-box-shadow:0 0 15px 10px #ff0;box-shadow:0 0 15px 10px #ff0;height:0;margin:0 auto;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}@-webkit-keyframes opening-left{0%{height:0;left:30%;top:30%;width:1px}50%{height:200px;left:30%;top:30%;width:1px}90%{left:0;top:0}to{height:0;left:0;top:0}}@keyframes opening-left{0%{height:0;left:30%;top:30%;width:1px}50%{height:200px;left:30%;top:30%;width:1px}90%{left:0;top:0}to{height:0;left:0;top:0}}@-webkit-keyframes opening-right{0%{bottom:30%;height:0;right:30%;width:1px}50%{bottom:30%;height:200px;right:30%;width:1px}90%{bottom:0;right:0}to{bottom:0;height:0;right:0}}@keyframes opening-right{0%{bottom:30%;height:0;right:30%;width:1px}50%{bottom:30%;height:200px;right:30%;width:1px}90%{bottom:0;right:0}to{bottom:0;height:0;right:0}}@-webkit-keyframes info-appear{0%{-webkit-filter:blur(3px);filter:blur(3px);opacity:0}50%{-webkit-filter:blur(2px);filter:blur(2px);opacity:0}to{opacity:1}}@keyframes info-appear{0%{-webkit-filter:blur(3px);filter:blur(3px);opacity:0}50%{-webkit-filter:blur(2px);filter:blur(2px);opacity:0}to{opacity:1}}@-webkit-keyframes bg{0%{background:#ff0;color:#141414}to{background:transparent;color:pink}}@keyframes bg{0%{background:#ff0;color:#141414}to{background:transparent;color:pink}}@-webkit-keyframes lantern{0%,to{-o-box-shadow:0 0 15px 10px #ff0;box-shadow:0 0 15px 10px #ff0}10%,90%{-o-box-shadow:0 0 15px 11px #ff0;box-shadow:0 0 15px 11px #ff0}20%,80%{-o-box-shadow:0 0 15px 12px #ff0;box-shadow:0 0 15px 12px #ff0}30%,70%{-o-box-shadow:0 0 15px 13px #ff0;box-shadow:0 0 15px 13px #ff0}40%,60%{-o-box-shadow:0 0 15px 14px #ff0;box-shadow:0 0 15px 14px #ff0}50%{-o-box-shadow:0 0 15px 15px #ff0;box-shadow:0 0 15px 15px #ff0}}@keyframes lantern{0%,to{-o-box-shadow:0 0 15px 10px #ff0;box-shadow:0 0 15px 10px #ff0}10%,90%{-o-box-shadow:0 0 15px 11px #ff0;box-shadow:0 0 15px 11px #ff0}20%,80%{-o-box-shadow:0 0 15px 12px #ff0;box-shadow:0 0 15px 12px #ff0}30%,70%{-o-box-shadow:0 0 15px 13px #ff0;box-shadow:0 0 15px 13px #ff0}40%,60%{-o-box-shadow:0 0 15px 14px #ff0;box-shadow:0 0 15px 14px #ff0}50%{-o-box-shadow:0 0 15px 15px #ff0;box-shadow:0 0 15px 15px #ff0}}@media screen and (max-width:1024px){.infobox{max-width:500px;padding:20px;width:90%}.infobox .title h1{font-size:4em;letter-spacing:.2em}.infobox .links a{display:inline-block;font-size:1.8em;letter-spacing:.2em;margin:5px;padding:10px 15px}.infobox .subtitle span{font-size:2.2em}.lantern{margin-left:15px;margin-right:15px;width:50px}.lantern .circle{height:42px;width:50px}}@media screen and (max-width:768px){body{font-size:55%}.infobox{max-width:450px;padding:15px;width:95%}.infobox .title{margin-bottom:-20px;margin-top:-20px}.infobox .title h1{font-size:3.5em;letter-spacing:.15em;margin-right:-.2em}.infobox .links{margin-top:30px}.infobox .links h1{font-size:1.8em;line-height:1.4;margin-bottom:15px}.infobox .links a{display:block;font-size:1.6em;letter-spacing:.15em;margin:3px auto;padding:8px 12px;text-align:center;width:80%}.infobox .subtitle span{font-size:2em}.lantern{margin-left:10px;margin-right:10px;width:40px}.lantern .circle{height:34px;width:40px}.lantern .hook{-o-box-shadow:0 45px 0 0 #000;box-shadow:0 45px 0 0 #000;height:4px;width:8px}}@media screen and (max-width:480px){body{font-size:50%}.infobox,.wrapper{padding:10px}.infobox{max-width:350px;min-height:auto;width:98%}.infobox .title{margin-bottom:-15px;margin-top:-15px}.infobox .title h1{font-size:2.5em;letter-spacing:.1em;margin-right:-.15em}.infobox .links{margin-bottom:5px;margin-top:20px}.infobox .links h1{font-size:1.4em;line-height:1.3;margin-bottom:10px}.infobox .links a{border-radius:4px;display:block;font-size:1.3em;letter-spacing:.1em;margin:2px auto;padding:6px 10px;width:90%}.infobox .subtitle span{font-size:1.6em}.lantern{margin-left:8px;margin-right:8px;top:3px;width:30px}.lantern .circle{-o-box-shadow:0 0 15px 0 #fff;box-shadow:0 0 15px 0 #fff;height:26px;width:30px}.lantern .hook{-o-box-shadow:0 35px 0 0 #000;box-shadow:0 35px 0 0 #000;height:3px;width:6px}.lantern .circle:before{height:26px;width:10px}.lantern .circle:after{height:26px;width:25px}}@media screen and (max-width:360px){body{font-size:45%}.infobox{max-width:320px;padding:8px;width:100%}.infobox .title h1{font-size:2.2em;letter-spacing:.08em}.infobox .links h1{font-size:1.2em;line-height:1.2;margin-bottom:8px}.infobox .links a{font-size:1.1em;letter-spacing:.08em;margin:1px 0;padding:5px 8px;width:95%}.infobox .subtitle span{font-size:1.4em}.lantern{margin-left:6px;margin-right:6px;width:25px}.lantern .circle{height:22px;width:25px}.lantern .hook{-o-box-shadow:0 30px 0 0 #000;box-shadow:0 30px 0 0 #000;height:2px;width:5px}}@media screen and (max-height:600px) and (orientation:landscape){.wrapper{padding:5px}.infobox{margin-top:-10vh;-webkit-transform:scale(.8);transform:scale(.8)}.infobox .links{margin-bottom:0;margin-top:15px}.infobox .links h1{margin-bottom:5px}.infobox .links a{margin:1px 0;padding:4px 8px}}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:192dpi){.lantern .circle .glow{-o-box-shadow:0 0 12px 8px #ff0;box-shadow:0 0 12px 8px #ff0}}@media (prefers-reduced-motion:reduce){.info,.infobox .links a,.infobox:after,.infobox:before,.lantern .circle .glow{-webkit-animation:none;animation:none}}
/*# sourceMappingURL=main.a07c5c07.css.map*/