*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;position:relative;font-family:Arial,sans-serif}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;overflow:hidden}.background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover;z-index:-2}.content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:-1}.pubuliu{display:flex;justify-content:center;position:relative;top:20px;height:auto}.shell{max-width:1300px;column-count:5;column-gap:15px}.image{margin-bottom:15px}.image img{width:100%}@media (max-width:1200px){.shell{column-count:4}}@media (max-width:850px){.shell{column-count:3}}.grid-shell{display:grid;padding:20px;grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:220px;grid-auto-flow:dense;position:relative;top:20px}.grid-shell .wide{grid-column:span 2}.grid-shell .tall{grid-row:span 2}.grid-shell .big{grid-column:span 2;grid-row:span 2}@media (max-width:600px){.shell{column-count:2}.grid-shell{grid-template-columns:1fr}.grid-shell .big,.grid-shell .tall,.grid-shell .wide{grid-column:span 1;grid-row:span 1}}.grid-shell .grid-box{background-color:#6affee;display:flex;flex-direction:column;border-radius:5px;position:relative;overflow:auto}.grid-box span{color:#232323;font:100 100px 'Kristen ITC';position:absolute;top:-10px;left:20px;text-shadow:-5px 0 #000,0 -5px #000,5px 0 #000,0 5px #000;display:none}.grid-box .box-title{color:#2a2a2a;font:100 20px 'Kristen ITC';margin:10px}.grid-box .box-text{color:#1b1b1b;margin:10px}.grid-box img{width:100%;height:100%;vertical-align:middle;display:inline-block}#drag-container-div{width:100vw;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;background:0 0;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;height:90vh;touch-action:none}#drag-container,#spin-container{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(-10deg);transform:rotateX(-10deg)}#drag-container img,#drag-container video{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:absolute;left:0;top:0;width:100%;height:100%;line-height:200px;font-size:50px;text-align:center;-webkit-box-shadow:0 0 8px #fff;box-shadow:0 0 8px #fff;-webkit-box-reflect:below 10px linear-gradient(transparent,transparent,#0005)}#drag-container img:hover,#drag-container video:hover{-webkit-box-shadow:0 0 15px #fffd;box-shadow:0 0 15px #fffd;-webkit-box-reflect:below 10px linear-gradient(transparent,transparent,#0007)}#drag-container p{font-family:Serif;position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,-50%) rotateX(90deg);transform:translate(-50%,-50%) rotateX(90deg);color:#fff}#ground{width:900px;height:900px;position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,-50%) rotateX(90deg);transform:translate(-50%,-50%) rotateX(90deg);background:-webkit-radial-gradient(center center,farthest-side,#9993,transparent)}#music-container{position:absolute;top:0;left:0}@-webkit-keyframes spin{from{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@keyframes spin{from{-webkit-transform:rotateY(0);transform:rotateY(0)}to{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}@-webkit-keyframes spinRevert{from{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}@keyframes spinRevert{from{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}to{-webkit-transform:rotateY(0);transform:rotateY(0)}}