[nospaces]
[attr="class","ubBG"]
[attr="class","ubWater"]
[attr="class","ubOB"]
[attr="class","ubIB"]
[attr="class","ubIMG"]
[attr="class","ubTitle"]Table of[break]
Contents [attr="class","ubGrid"]
[attr="class","ubGItem incomplete"]01. Conqueror
[attr="class","ubGItem incomplete"]02. Clean Slate
[attr="class","ubGItem incomplete"]03. Beloved
[attr="class","ubGItem incomplete"]04. Storm Warning
[attr="class","ubGItem void"]05. So They Say
[attr="class","ubGItem incomplete"]06. How Have You Been?
[attr="class","ubGItem void"]07. Dollhouse
[attr="class","ubGItem incomplete"]08. Call & Response
[attr="class","ubGItem void"]09. To the Moon
[attr="class","ubGItem incomplete"]10. Risk
[attr="class","ubGItem incomplete"]11. Magnetic
[attr="class","ubGItem incomplete"]12. Forbidden
[attr="class","ubGItem void"]13. Palace
[attr="class","ubGItem incomplete"]14. 1924
[attr="class","ubGItem incomplete"]15. From Afar
[attr="class","ubGItem incomplete"]16. Smoke & Mirrors
[attr="class","ubGItem incomplete"]17. White Sand
[attr="class","ubGItem incomplete"]18. Burn it Down
[attr="class","ubGItem incomplete"]19. Symmetry
[attr="class","ubGItem incomplete"]20. Going Nowhere
[attr="class","ubGItem incomplete"]21. Emptiness
[attr="class","ubGItem incomplete"]22. Gold
[attr="class","ubGItem incomplete"]23. Once More...
[attr="class","ubGItem incomplete"]24. Heartbeat
[attr="class","ubGItem incomplete"]25. Creation
[attr="class","ubGItem void"]26. Judgement Day
[attr="class","ubGItem void"]27. Free Fall
[attr="class","ubGItem incomplete"]28. Hero
[attr="class","ubGItem incomplete"]29. Coming Home
[attr="class","ubGItem incomplete"]30. At World's End
[newclass=.ubBG] --bg1:#1a1a1a; --bg2:#000; --accent1:#3e8b82; --waterBG:url(https://i.ibb.co/nj6G3C0/waterbg1.png); --ubHeadIMG:url(https://i.ibb.co/CHBfF2B/basebg.png); --ubTitleFont:'Cormorant SC'; --ubSansFont:'Montserrat'; position:relative; width:550px; padding-bottom:300px; box-sizing:border-box; background:linear-gradient(var(--bg1),var(--bg2) 50%);[/newclass]
[newclass=.ubWater] background-image:var(--waterBG); position:absolute; height:100%; width:100%; opacity:.1; z-index:1;[/newclass]
[newclass=.ubOB] position:absolute; top:0; left:0; height:calc(100% - 2px); width:calc(100% - 2px); border:#fff 1px solid; z-index:5; opacity:.5;[/newclass]
[newclass=.ubIB] position:absolute; top:5px; left:5px; height:calc(100% - 12px); width:calc(100% - 12px); border:#fff 1px solid; z-index:2; opacity:.5;[/newclass]
[newclass=.ubIMG] position:absolute; z-index:2; left:0; bottom:0; height:300px; width:100%; background-image:var(--ubHeadIMG); filter:brightness(60%);-webkit-filter:brightness(60%);
clip-path: polygon(70% 3%, 4% 24%, 87% 0, 5% 30%, 100% 0, 100% 100%, 0 100%, 0 22%, 50% 7%, 6% 11%);clip-path: polygon(67% 0, 4% 23%, 87% 0, 31% 23%, 100% 0, 100% 100%, 0 100%, 0 17%, 45% 6%, 6% 11%); -webkit-clip-path: polygon(70% 3%, 4% 24%, 87% 0, 5% 30%, 100% 0, 100% 100%, 0 100%, 0 22%, 50% 7%, 6% 11%);clip-path: polygon(67% 0, 4% 23%, 87% 0, 31% 23%, 100% 0, 100% 100%, 0 100%, 0 17%, 45% 6%, 6% 11%);[/newclass]
[newclass=.ubTitle] color:#fff; position:relative; font-family:var(--ubTitleFont); font-size:45px; letter-spacing:3px; line-height:40px; padding-top:35px;[/newclass]
[newclass=.ubTitle b] font-weight:400; font-size:65px; letter-spacing:7px;[/newclass]
[newclass=.ubTitle div] height:150px; width:150px; position:absolute; border:#fff 1px solid; top:0; box-sizing:border-box; left:calc(50% - 75px); opacity:.2; transform:rotate(45deg); -webkit-transform:rotate(45deg);[/newclass]
[newclass=.ubSubTitle] font-family:var(--ubTitleFont); font-size:15px; letter-spacing:2px; line-height:20px; margin-top:10px; margin-bottom:-5px; position:relative; z-index:10;[/newclass]
[newclass=.ubSubTitle a]font-family:var(--ubTitleFont); color:var(--accent1);text-decoration:none[/newclass]
[newclass=.ubGrid] position:relative; z-index:9; color:#aaa; padding:20px 10px; display:flex; flex-wrap:wrap; justify-content:space-evenly; align-items:center; align-content:center; font-family:var(--ubTitleFont); font-size:17px; line-height:20px; letter-spacing:0px; margin-bottom:-45px;[/newclass]
[newclass=.ubGItem] padding:5px 7px 5px 28px; border:rgba(244,244,244,.3) 1px solid; background-color:rgba(0,0,0,.3); width:122px; margin:7px 0; text-align:left; position:relative;[/newclass]
[newclass=.ubGrid b] color:var(--accent1); font-family:var(--ubSansFont); font-weight:800; letter-spacing:-1px; font-size:15px; width:25px; text-align:center; left:3px; position:absolute;[/newclass]
[newclass=.ubGrid b::before] content:''; position:absolute; border:#fff 1px solid; opacity:.15; height:32px; width:32px; top:-6px; left:-4px; box-sizing:border-box; transform:rotate(45deg); -webkit-transform:rotate(45deg);[/newclass]
[newclass=.ubGrid .void]filter:grayscale(100%) brightness(50%);cursor:not-allowed;[/newclass]
[newclass=.ubGrid .incomplete]cursor: wait;[/newclass]
[newclass=.ubGrid .complete a] color:#fff; text-decoration:none;[/newclass]
[newclass=.ubGrid .complete b::before] border:0; background-color:var(--accent1);[/newclass]