@charset "utf-8";
/* ================================================
The originals of all snippets are released under the MIT license at CodePen.
https://opensource.org/licenses/mit-license.php
All snippets are customized by SHINOH.
================================================ */
/* Pure Css Animated Background Copyright(c) 2024 Mohammad Abdul Mohaiman (https://codepen.io/mohaiman/pen/MQqMyo) */
#al-first-back span{position:absolute;display:inline-block;width:20px;height:20px;background:rgba(210,162,255,.5);animation:alBkspin 25s linear infinite;bottom:-150px}#al-first-back span:nth-child(1){left:25%;width:80px;height:80px;animation-delay:12s}#al-first-back span:nth-child(2){left:35%;animation-delay:13s;animation-duration:12s}#al-first-back span:nth-child(3){left:70%;animation-delay:15s}#al-first-back span:nth-child(4){left:40%;width:60px;height:60px;animation-delay:11s;animation-duration:18s}#al-first-back span:nth-child(5){left:65%;animation-delay:10s}#al-first-back span:nth-child(6){left:75%;width:110px;height:110px;animation-delay:14s}#al-first-back span:nth-child(7){right:85%;width:150px;height:150px;animation-delay:18s;animation-duration:20s}#al-first-back span:nth-child(8){left:50%;width:25px;height:25px;animation-delay:24s;animation-duration:45s}#al-first-back span:nth-child(9){right:80%;width:15px;height:15px;animation-delay:13s;animation-duration:35s}#al-first-back span:nth-child(10){left:85%;width:150px;height:150px;animation-delay:14s;animation-duration:15s}@keyframes alBkspin{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}100%{transform:translateY(-1000px) rotate(720deg);opacity:0;border-radius:50%}}
/* CSS Glitched Text Copyright(c) 2024 kachibito (https://codepen.io/kachibito/pen/goGJJx) */
.al-glitch::before,.al-glitch::after{content:attr(data-txt);position:absolute;top:0;color:var(--white-color);background:var(--theme-color);overflow:hidden;clip:rect(0,900px,0,0)}.al-glitch::before{left:-2px;text-shadow:1px 0 blue;animation:alNoiseBefore 2500ms linear 5000ms 2 alternate-reverse}.al-glitch::after{left:2px;text-shadow:-1px 0 red;animation:alNoiseAfter 1500ms linear 5000ms 2 alternate-reverse}@keyframes alNoiseBefore{0%{clip:rect(18px,9999px,26px,0)}5%{clip:rect(74px,9999px,102px,0)}10%{opacity:.5;clip:rect(33px,9999px,130px,0)}15%{opacity:1;clip:rect(64px,9999px,132px,0)}20%{clip:rect(75px,9999px,12px,0)}25%{clip:rect(40px,9999px,98px,0)}30%{clip:rect(71px,9999px,2px,0)}35%{clip:rect(42px,9999px,146px,0)}40%{clip:rect(92px,9999px,114px,0)}45%{opacity:.5;clip:rect(4px,9999px,66px,0)}50%{opacity:1;clip:rect(4px,9999px,68px,0)}55%{clip:rect(49px,9999px,50px,0)}60%{clip:rect(24px,9999px,88px,0)}65%{clip:rect(31px,9999px,298px,0)}70%{clip:rect(54px,9999px,166px,0)}75%{clip:rect(57px,9999px,294px,0)}80%{clip:rect(3px,9999px,30px,0)}85%{clip:rect(84px,9999px,64px,0)}90%{clip:rect(100px,9999px,276px,0)}95%{clip:rect(91px,9999px,118px,0)}100%{clip:rect(10px,9999px,174px,0)}}@keyframes alNoiseAfter{0%{clip:rect(77px,9999px,12px,0)}5%{clip:rect(65px,9999px,140px,0)}10%{clip:rect(82px,9999px,264px,0)}15%{clip:rect(32px,9999px,70px,0)}20%{opacity:.5;clip:rect(31px,9999px,98px,0)}25%{opacity:1;clip:rect(18px,9999px,92px,0)}30%{clip:rect(94px,9999px,128px,0)}35%{clip:rect(69px,9999px,62px,0)}40%{clip:rect(6px,9999px,144px,0)}45%{clip:rect(25px,9999px,70px,0)}50%{clip:rect(82px,9999px,52px,0)}55%{clip:rect(7px,9999px,284px,0)}60%{clip:rect(54px,9999px,60px,0)}65%{clip:rect(86px,9999px,280px,0)}70%{clip:rect(38px,9999px,130px,0)}75%{opacity:.5;clip:rect(41px,9999px,132px,0)}80%{opacity:1;clip:rect(31px,9999px,74px,0)}85%{clip:rect(8px,9999px,24px,0)}90%{clip:rect(50px,9999px,238px,0)}95%{clip:rect(7px,9999px,84px,0)}100%{clip:rect(14px,9999px,114px,0)}}
/* CSS-grid responsive hexagons Copyright(c) 2024 by web-tiki (https://codepen.io/web-tiki/pen/NzYBYV) */
#hexGrid{display:grid;grid-gap:10px;grid-template-columns:repeat(10,1fr);width:100%;margin:0 auto;padding-left:0;list-style-type:none;overflow:hidden}.hex{grid-column-end:span 2;position:relative;visibility:hidden;outline:1px solid transparent}.hex::after{content:'';display:block;padding-bottom:86.602%}.hexIn{position:absolute;width:100%;padding-bottom:115.47%;overflow:hidden;visibility:hidden;outline:1px solid transparent;transform:rotate3d(0,0,1,-60deg) skewY(30deg)}.hexIn *{position:absolute;visibility:visible;outline:1px solid transparent}.hexLink{display:block;width:100%;height:100%;overflow:hidden;transform:skewY(-30deg) rotate3d(0,0,1,60deg)}.hex img{left:-100%;right:-100%;height:100%;margin:0 auto;transform:rotate3d(0,0,0,0deg) scale(.9);object-fit:contain;object-position:center}.hex:nth-of-type(4) img{object-position:50% 85%}.hex .al-back{width:100%;height:100%;transform:rotate3d(0,0,0,0deg);background:#001030;opacity:.7;transition:opacity 350ms}.hex .al-cover{width:100%;height:100%;transform:rotate3d(0,0,0,0deg);background:linear-gradient(135deg,rgb(22,194,216),rgb(225,110,246));opacity:0;transition:opacity 350ms}.hex .al-back:hover{opacity:0}.hex .al-cover:hover{opacity:.95}@media (1200px<=width){#hexGrid{padding-bottom:6.4%;width:92%}.hex:nth-child(9n+6){grid-column-start:2}}@media (640px<=width<1200px){#hexGrid{grid-template-columns:repeat(8,1fr);padding-bottom:8.5%}.hex:nth-child(7n+5){grid-column-start:2}}@media (360px<=width<640px){#hexGrid{grid-template-columns:repeat(6,1fr);padding-bottom:10%;grid-gap:5px}.hex:nth-child(5n+4){grid-column-start:2}}@media (width<360px){#hexGrid{grid-template-columns:repeat(4,1fr);padding-bottom:15.2%}.hex:nth-child(3n+3){grid-column-start:2}}
/* CSS | border animation (from the center) Copyright(c) 2024 yochans (https://codepen.io/yochans/pen/GRNoQmd) */
#al-first-view h1::before{content:'';position:absolute;left:50%;bottom:0;width:0;border-bottom:solid 1px var(--off-white-color);transform:translateX(-50%)}#al-first-view h1:not(#teaser-head #al-first-view h1)::before{animation:alBorder 4s ease-in-out 8s forwards}#teaser-head #al-first-view.al-play h1::before{animation:alBorder 2500ms ease-in-out 31.5s forwards}#past #teaser-head #al-first-view h1::before{animation:alBorder 2500ms ease-in-out 19.5s forwards}@keyframes alBorder{0%{width:0%}100%{width:100%}}
/* CSS | ripples animation Copyright(c) 2024 yochans (https://codepen.io/yochans/pen/yLVOgBY) */
@media (width<640px){#sitetop #al-menu-ripple{position:fixed;left:0;top:0;width:0;height:0;border:solid 15px #3399ff90;border-radius:50%;opacity:0;z-index:998;animation:ripples_anim 2s linear 7s infinite}}@keyframes ripples_anim{0%{opacity:1}50%{transform:translate(-200px,-200px);width:400px;height:400px;opacity:0}}
/* Typewriter animation pure CSS Copyright (c) 2024 by Black from 80's (https://codepen.io/blackfrom80s/pen/ogoxLw) */
@keyframes typewriter{from{width:0}to{width:31rem}}@keyframes blinkTextCursor{from{border-right-color:#ddd9}to{border-right-color:transparent}}
/* CSS Cube Copyright (c) 2024 by Carmen Ansio (https://codepen.io/carmenansio/pen/RwzEWqm) */
#al-scene-view{perspective:1000px}#al-city-scene{width:clamp(200px,31.25vw,260px);height:clamp(200px,31.25vw,260px);transform-style:preserve-3d;animation:rotate 60s infinite linear}#al-city-cube{width:100%;height:100%;position:relative;transform-style:preserve-3d}#al-city-cube .face{position:absolute;width:100%;height:100%;opacity:.4;border:2px solid rgba(119,136,153,.2)}#al-city-cube .front{transform:rotateY(0deg) translateZ(clamp(100px,15.625vw,130px))}#al-city-cube .right{transform:rotateY(90deg) translateZ(clamp(100px,15.625vw,130px))}#al-city-cube .back{transform:rotateY(180deg) translateZ(clamp(100px,15.625vw,130px))}#al-city-cube .left{transform:rotateY(-90deg) translateZ(clamp(100px,15.625vw,130px))}#al-city-cube .top{transform:rotateX(90deg) translateZ(clamp(100px,15.625vw,130px))}#al-city-cube .bottom{transform:rotateX(-90deg) translateZ(clamp(100px,15.625vw,130px))}@keyframes rotate{0%{transform:rotateX(0) rotateY(0)}100%{transform:rotateX(360deg) rotateY(360deg)}}
/* Css Glitch Image Effect Copyright (c) 2024 by Nathan Dickison (https://codepen.io/faithworksio/pen/LKpONJ) */
#al-scene-view:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:inherit;background-size:inherit;background-position:inherit;background-repeat:inherit;opacity:.25;mix-blend-mode:hard-light;animation:alGlitchImg 8s steps(12) 3s alternate infinite}@keyframes alGlitchImg{0%{background-position:50% 50%;filter:hue-rotate(0deg)}10%{background-position:52% 50%}15%{background-position:48% 50%}20%{background-position:48% 50%;filter:hue-rotate(360deg)}25%{background-position:50% 50%;filter:hue-rotate(0deg)}30%{background-position:52% 50%;filter:hue-rotate(360deg)}35%{background-position:50% 50%;filter:hue-rotate(0deg)}40%{background-position:48% 50%;filter:hue-rotate(360deg)}45%{background-position:50% 50%;filter:hue-rotate(0deg)}75%{background-position:50% 50%}80%{background-position:50% 47%}81%{background-position:50% 50%}100%{background-position:50% 50%;filter:hue-rotate(0deg)}}