1
|
html{--text:#f4e8c1}.wrapper{height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100%;-ms-overflow-style:none;scrollbar-width:none;z-index:-6}.wrapper::-webkit-scrollbar{display:none}.indexPage{background-color:var(--neon-bg-color);background-position:50%;background-repeat:no-repeat;background-size:cover;color:var(--text);height:100%;left:0;margin:0;overflow:hidden;padding:0;top:0;width:100%;z-index:-10}.window{-webkit-backdrop-filter:blur(1024px);backdrop-filter:blur(1024px);background:transparent;box-shadow:0 0 100px rgba(5,1,13,.4);height:70%;left:10%;top:15%;width:80%;z-index:999}.window,.window .windowWrap{align-items:center;display:flex;justify-content:center;position:relative}.window .windowWrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #fff;border-radius:1em;height:100%;text-align:center;width:100%;z-index:11}.window .windowWrap .text{position:relative;text-align:center;width:100%}.window .windowWrap .text .title{font-family:monoton;font-kerning:none;font-size:7vw;text-transform:uppercase}.description{font-family:rocksalt;font-size:2.5vw}.title{text-shadow:15px 15px 15px #000;-webkit-transition:all .5s;transition:all .5s}.title:hover{transform:scale(1.1);-webkit-transition:all .5s;transition:all .5s}.window .windowWrap .text .br{display:block;height:0;margin-bottom:5vh;width:0}.text{text-shadow:0 1px 0 #e9e6e6,0 2px 0 #e9e6e6,0 3px 0 #e9e6e6,0 4px 0 #e9e6e6,0 5px 0 #e9e6e6,0 6px 0 #e9e6e6,0 7px 0 #e9e6e6,0 8px 0 #e9e6e6,0 9px 0 #e9e6e6,0 10px 0 #e9e6e6,0 30px 10px rgba(0,0,0,.7);transform:translateZ(200px)}.tilt,.windowWrap{transform-style:preserve-3d}
|
