.overlay{overflow:hidden;position:absolute;inset:0;z-index:999;width:100vw;height:calc(100vh + 500px);transform:translateY(-500px);background:rgba(0,0,0,0) !important}.aboutme .profile{transition:all 300ms}.aboutme .content{transition:all 300ms}.aboutme .sociallink{transition:all 300ms}main.loading{overflow:hidden;height:10px}main.loading .overlay{transform:translateY(-500px)}main.loading .headimage .content{overflow-x:hidden;transform:translateY(300px)}main.loading .headimage .content h1,main.loading .headimage .content h2,main.loading .headimage .content .role{transform:translateX(-300px)}main.loading .aboutme .profile{transform:translateX(calc(-100vw - 500px))}main.loading .aboutme .content{transform:translateX(calc(100vw + 500px))}main.loading .aboutme .sociallink{transform:translateX(calc(100vw + 500px))}main.loading .footer{display:none}main.loaded .overlay{transition:ease-in 300ms;transform:translateY(160vh);height:0px}main.loaded .headimage .content{transition-delay:250ms}main.loaded .headimage .content h1{transition-delay:300ms}main.loaded .headimage .content h2{transition-delay:400ms}main.loaded .headimage .content .role{transition-delay:500ms}main.loaded .aboutme .profile{transition-delay:600ms}main.loaded .aboutme .content{transition-delay:900ms}main.loaded .aboutme .sociallink{transition-delay:1000ms}main.animated .overlay{display:none}.ocean{position:relative;overflow:hidden;width:100vw;height:calc(100vh + 500px);background-image:linear-gradient(0deg, var(--load-bg-gradient-bottom), var(--load-bg-gradient-top));background-color:var(--load-bg-fallback);-webkit-mask-image:url(/assets/image/shape3.svg),url(/assets/image/square.svg);mask-image:url(/assets/image/shape3.svg),url(/assets/image/square.svg);-webkit-mask-size:600px,cover;mask-size:600px,cover;-webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat;-webkit-mask-position:0 -5px,0 800px;mask-position:0 -5px,0 800px}.overlay-loading-text{position:absolute;inset:calc(50vh - 30px + 500px) 0;color:#fff;text-align:center;-webkit-user-select:none;user-select:none;-moz-user-select:none}.overlay-loading-text span{font-family:"Source Code Pro",monospace;font-size:28px;position:relative;display:inline-block;opacity:.7;text-transform:uppercase}.overlay-loading-text.waviy span{animation:waviy 2.2s infinite;animation-delay:calc(.1s*var(--i))}main.loading .overlay-loading-text.waviy{opacity:1}main.loading .overlay-loading-text.loaded{opacity:0}.overlay.loaded .overlay-loading-text.waviy{opacity:0}.overlay.loaded .overlay-loading-text.loaded{opacity:1}.overlay.loaded .overlay-loading-text.loaded span{opacity:.9}@keyframes waviy{0%,30%,100%{transform:translateY(0)}20%{transform:translateY(-15px)}30%{opacity:.55}20%,80%{opacity:.5}}.bubble{width:30px;height:30px;border-radius:100%;position:absolute;background-color:#fff;bottom:-30px;opacity:.2;animation:bubble 15s ease-in-out infinite,sideWays 4s ease-in-out infinite alternate}@keyframes bubble{0%{transform:translateY(0%);opacity:.06}100%{transform:translateY(-120vh)}}@keyframes sideWays{0%{margin-left:0px}100%{margin-left:200px}}.b-1{left:10%;animation-delay:.5s;animation-duration:16s;opacity:.2}.b-2{width:15px;height:15px;left:40%;animation-delay:1s;animation-duration:10s;opacity:.1}.b-3{width:10px;height:10px;left:30%;animation-delay:5s;animation-duration:20s;opacity:.3}.b-4{width:25px;height:25px;left:40%;animation-delay:8s;animation-duration:17s;opacity:.2}.b-5{width:30px;height:30px;left:60%;animation-delay:10s;animation-duration:15s;opacity:.1}.b-6{width:10px;height:10px;left:80%;animation-delay:3s;animation-duration:30s;opacity:.4}.b-7{width:15px;height:15px;left:90%;animation-delay:-7s;animation-duration:25s;opacity:.3}.b-9{width:20px;height:20px;left:50%;bottom:30px;animation-delay:-5s;animation-duration:19s;opacity:.2}.b-10{width:40px;height:40px;left:30%;bottom:30px;animation-delay:-21s;animation-duration:16s;opacity:.3}.b-11{width:30px;height:30px;left:60%;bottom:30px;animation-delay:-13.75s;animation-duration:20s;opacity:.3}.b-12{width:25px;height:25px;left:90%;bottom:30px;animation-delay:-10.5s;animation-duration:19s;opacity:.3}.b-13{width:10px;height:10px;left:5%;bottom:20px;animation-delay:-5.5s;animation-duration:30s;opacity:.1}.b-14{width:10px;height:10px;left:15%;bottom:20px;animation-delay:-3s;animation-duration:30s;opacity:.1}.b-15{width:14px;height:14px;left:35%;bottom:20px;animation-delay:-4s;animation-duration:30s;opacity:.1}.b-16{width:10px;height:10px;left:75%;bottom:20px;animation-delay:-4.5s;animation-duration:30s;opacity:.1}.b-17{width:10px;height:10px;left:90%;bottom:20px;animation-delay:-1.5s;animation-duration:30s;opacity:.1}.b-18{width:22px;height:22px;left:75%;bottom:0px;animation-delay:-3.75s;animation-duration:16s;opacity:.3}.b-19{width:17px;height:17px;left:15%;bottom:10px;animation-delay:-7.5s;animation-duration:19s;opacity:.2}.b-20{width:30px;height:30px;left:85%;bottom:20px;animation-delay:-4s;animation-duration:20s;opacity:.2}/*# sourceMappingURL=transition.min.css.map */