@keyframes animatedBackground{0%{background-position:0 0}to{background-position:512px 0}}@keyframes hoverItem{0%{padding-top:10px}50%{padding-top:0}to{padding-top:10px}}@keyframes shadow{0%{opacity:.9;transform:scale(.5)}50%{opacity:.3;transform:scale(1)}to{opacity:.9;transform:scale(.5)}}#logo{position:absolute;top:20px;left:30px;padding-top:90px;text-transform:uppercase;text-decoration:none;text-align:center;color:#fff;font-size:20px;font-weight:700;font-family:Josefin Sans,sans-serif;background:url(/img/logob.png) top center no-repeat;background-size:80px 80px;z-index:15}#contacts{position:absolute;right:0;padding:20px 40px;font-size:30px;z-index:3}#contacts a{margin-left:20px;color:#fff}#contacts a:hover{color:#006cff}#king{position:relative;height:510px;z-index:2}#king img{width:300px;height:495px;animation:hoverItem 3s ease-in-out infinite}#shadow{position:absolute;left:calc(50% - 110px);width:240px;height:25px;border-radius:50%;background:black;opacity:.75;filter:blur(5px);z-index:2;animation:shadow 3s ease-in-out infinite alternate}#theatre{position:absolute;top:0;left:0;right:0;height:590px;background:rgba(0,0,0,.5);overflow:hidden;z-index:1}#stage{position:absolute;left:50%;bottom:0px}#scontainer{position:relative;left:-50%}#floor{position:absolute;left:calc(50% - 452px);width:904px;height:150px;perspective:300px;position:relative;transition:width 1s,left 1s}#floor .tile{width:100%;height:100%;transform:rotateX(60deg);background:url(/img/home-floor.jpg) top left;background-size:auto 256px;animation:animatedBackground 30s linear infinite;border-radius:2px}#curb{position:absolute;margin-top:-26px;left:calc(50% - 577px);width:1154px;height:28px;background:url(/img/home-floor.jpg) top left repeat-x;background-size:auto 256px;border-bottom:3px solid rgba(0,0,0,1);border-radius:2px;z-index:10;transition:width 1s,left 1s;animation:animatedBackground 24s linear infinite}#content{position:relative;margin:120px auto 20px;padding:0 20px;max-width:840px;color:#fff;z-index:3}#content p{margin-top:1em}#workgrid{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:20px;row-gap:30px;margin:50px 0 80px;color:#eee}#workgrid h2{color:#add8e6}#workgrid a{color:#006cff}#workgrid>div{height:300px;padding:20px;border:3px dashed #333333;border-radius:20px}#workgrid>div:hover{border:3px dashed #666666}#footer{height:60px;background:black;padding:10px;line-height:60px;font-size:14px;z-index:3}@media only screen and (max-width: 820px){#workgrid{grid-template-columns:1fr 1fr}}@media only screen and (max-width: 600px){#workgrid{grid-template-columns:1fr}#workgrid>div{height:auto;padding-bottom:30px}}*{margin:0;padding:0}body{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;background:#000 url(/img/bg.png)}::-webkit-scrollbar{background:#111111}::-webkit-scrollbar-track{margin:5px 0;background:#111111}::-webkit-scrollbar-thumb{background:#333333;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#222222}