header{position:fixed;top:0;display:flex;justify-content:flex-end;height:90px;-webkit-backdrop-filter:none;backdrop-filter:none}header .brand{order:1;margin-top:10px;margin-right:20px}header::after{content:'';order:3;height:10px;width:106px;background-color:#000;position:absolute;top:100px}#hero{padding:20px;position:relative}#hero .proj-link{position:absolute;bottom:100px;left:160px;opacity:0;animation:slideInRight .5s ease-in-out 2s forwards}#hero::before{content:'';background-color:#bbbcbe;position:absolute;top:0;right:30px;z-index:-2;width:70%;height:500px}#hero::after{content:'';border:2px solid #f00;position:absolute;top:10px;right:15px;z-index:-1;width:70%;height:500px;animation:fadeInToRightBottom .5s ease-in-out forwards}@keyframes fadeInToRightBottom{0%{top:0;right:30px}100%{top:10px;right:15px}}#myProjects{padding:1px 0;margin-bottom:50px;position:relative}#myProjects::before{content:'';background-color:hsl(146,88%,32%);background-image:radial-gradient(at 0% 100%, hsla(22,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 80% 100%, hsla(240,100%,70%,0.42) 0, transparent 50%),radial-gradient(at 0% 0%, hsla(343,100%,76%,0.43) 0, transparent 50%);position:absolute;top:0;left:20px;bottom:-10px;right:20%;z-index:-1}#myProjects p{margin:20px 20px 0 40px;width:65%;font-size:15px;color:#fff;line-height:1.4}#myProjects p::first-letter{font-weight:bold;font-size:26px}#myProjects .proj-link{position:absolute;bottom:-50px;right:10px}.project-list{display:flex;padding:10px;overflow:auto;column-gap:10px;scroll-behavior:smooth}.project-list .project{width:120px;height:120px;flex:0 0 120px;display:flex;align-items:flex-end;justify-content:flex-end;white-space:nowrap;background-color:#FFEA00;color:#000;text-decoration:none;font-size:12px}.project-list .project:nth-of-type(1){background-image:radial-gradient(at 81% 23%, hsla(42,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 75% 90%, hsla(95,100%,70%,0.42) 0, transparent 50%)}.project-list .project:nth-of-type(2){background-image:radial-gradient(at 81% 23%, hsla(42,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 41% 76%, hsla(95,100%,70%,0.42) 0, transparent 50%)}.project-list .project:nth-of-type(3){background-image:radial-gradient(at 81% 23%, hsla(42,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 79% 65%, hsla(95,100%,70%,0.42) 0, transparent 50%)}.project-list .project:nth-of-type(4){background-image:radial-gradient(at 81% 23%, hsla(42,100%,77%,0.2) 0, transparent 50%),radial-gradient(at 99% 98%, hsla(95,100%,70%,0.42) 0, transparent 50%)}.project-list .project span{text-transform:uppercase;font-weight:bold;margin-right:-10px;padding:0 0 6px;font-size:14px}.project-list .project.active{background-color:#dba80e}.proj-link{font-size:12px;color:#333;width:100px;display:block;text-decoration:none;line-height:1;padding:6px 0;text-transform:uppercase;display:flex;align-items:center}.proj-link::before{content:'';width:2em;height:2em;background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNjA4MDJlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iODAwIiB2aWV3Qm94PSIwIDAgNTMyLjE1OCA1MzIuMTU3Ij48cGF0aCBkPSJNMzU1LjM0OSAyNjYuMDc4TDIzMC40NjQgNDYxLjUzOWMtMTMuNjQ4IDIxLjM2NC03LjM5MyA0OS43NDMgMTMuOTY2IDYzLjM5MSA3LjY1NiA0Ljg5IDE2LjIxMiA3LjIyOCAyNC42NyA3LjIyOCAxNS4xNDEgMCAyOS45NjMtNy40OTEgMzguNzIxLTIxLjE5M2wxNDAuNjc1LTIyMC4xNzNhNDUuOTA1IDQ1LjkwNSAwIDAwMC00OS40MjVMMzA3LjgyMSAyMS4xOTJDMjk0LjE3My0uMTcyIDI2NS43ODktNi40MjEgMjQ0LjQzIDcuMjI3Yy0yMS4zNjUgMTMuNjQ3LTI3LjYxNCA0Mi4wMzItMTMuOTY2IDYzLjM5MWwxMjQuODg1IDE5NS40NnoiLz48cGF0aCBkPSJNMTIyLjMwNSA1MzIuMTU3YzE1LjE0MSAwIDI5Ljk2NC03LjQ5MSAzOC43MjEtMjEuMTkzTDMwMS43IDI5MC43OTFhNDUuOTAxIDQ1LjkwMSAwIDAwMC00OS40MjVMMTYxLjAyNiAyMS4xOTJDMTQ3LjM3My0uMTcyIDExOC45OTUtNi40MjEgOTcuNjM2IDcuMjI3IDc2LjI3MSAyMC44NzQgNzAuMDIyIDQ5LjI1OSA4My42NyA3MC42MThsMTI0Ljg4NSAxOTUuNDZMODMuNjcgNDYxLjUzOWMtMTMuNjQ4IDIxLjM2NC03LjM5MyA0OS43NDMgMTMuOTY2IDYzLjM5MWE0NS42NTMgNDUuNjUzIDAgMDAyNC42NjkgNy4yMjd6Ii8+PC9zdmc+);background-size:100% 100%}.brand-animation{margin-top:80px;position:relative;animation:blurInfinite 10s ease-in-out 6s infinite}.brand-animation .ltr-b{width:100%;height:80px;display:block;background-size:contain;background-position:0 0;background-repeat:no-repeat;background-image:url(images/B.png);animation:slideInDown 1s ease-in-out forwards}.brand-animation .ltr-met{width:100%;height:80px;display:block;background-size:contain;background-position:0 0;background-repeat:no-repeat;background-image:url(images/MET.png);opacity:0;animation:slideInLeft 1s ease-in-out .25s forwards}.brand-animation .ltr-ro{width:100%;height:80px;display:block;background-size:contain;background-position:0 0;background-repeat:no-repeat;background-image:url(images/RO.png);opacity:0;animation:slideInRight 1s ease-in-out .5s forwards}.brand-animation .ltr-mind{width:100%;height:80px;display:block;background-size:contain;background-position:0 0;background-repeat:no-repeat;background-image:url(images/MIND.png);opacity:0;animation:slideInUp 1s ease-in-out .75s forwards}.brand-animation .cb-r{width:100%;height:100%;display:block;background-size:230px auto;background-position:9px 23px;background-repeat:no-repeat;position:absolute;top:0;left:0;background-image:url(images/R.png);opacity:0;animation:slideInLeftSmall 1s ease-in-out 1.75s forwards}.brand-animation .cb-g{width:100%;height:100%;display:block;background-size:230px auto;background-position:31px 26px;background-repeat:no-repeat;position:absolute;top:0;left:0;background-image:url(images/G.png);opacity:0;animation:slideInRightSmall 1.05s ease-in-out 1.7s forwards}.brand-animation .cb-y{width:100%;height:100%;display:block;background-size:auto 320px;background-position:-1px 0;background-repeat:no-repeat;position:absolute;top:0;left:0;background-image:url(images/Y.png);opacity:0;animation:slideInUpSmall 1.1s ease-in-out 1.65s forwards}@keyframes blurInfinite{0%{filter:blur(0)}70%{filter:blur(0)}90%{filter:blur(50px) invert(1)}100%{filter:blur(0)}}@keyframes slideInLeft{from{opacity:0;transform:translate3d(-100%, 0, 0);visibility:visible}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes slideInLeftSmall{0%{opacity:0;transform:translate3d(-10%, 0, 0);visibility:visible}70%{transform:translate3d(0, 0, 0);opacity:1}85%{transform:translate3d(0, 0, 0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes slideInRight{from{opacity:0;transform:translate3d(100%, 0, 0);visibility:visible}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes slideInRightSmall{0%{opacity:0;transform:translate3d(10%, 0, 0);visibility:visible}70%{transform:translate3d(0, 0, 0);opacity:1}85%{transform:translate3d(0, 0, 0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes slideInDown{from{opacity:0;transform:translate3d(0, -100%, 0);visibility:visible}to{opacity:1;transform:translate3d(0, 0, 0)}}@keyframes slideInUpSmall{0%{opacity:0;transform:translate3d(0, 10%, 0);visibility:visible}70%{transform:translate3d(0, 0, 0);opacity:1}85%{transform:translate3d(0, 0, 0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@keyframes slideInUp{from{opacity:0;transform:translate3d(0, 100%, 0);visibility:visible}to{opacity:1;transform:translate3d(0, 0, 0)}}