body{background-color:#000}body header,body footer{background-color:#000}.splash{width:100vw;height:100vh;color:#fff;background-color:#000;margin:0 auto;padding:15vh 20px;text-align:center;font-family:"serif"}.splash h1{font-size:48px}.splash h2{font-size:24px}.splash .profile-picture{width:200px;height:200px;border-radius:150px}.splash .star{position:absolute;width:2px;height:2px;background-color:#fff;animation:twinkle 5s infinite alternate;z-index:2}@keyframes twinkle{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.splash .socials{display:flex;justify-content:center;align-items:center;margin-top:32px;margin-bottom:20px;gap:16px;flex-wrap:wrap}.splash .socials .icon{position:relative;cursor:pointer}.splash .socials .icon:hover::after{content:attr(data-link);position:absolute;bottom:-30px;left:50%;transform:translatex(-50%);padding:5px 10px;background-color:#333;color:#fff;border-radius:5px;white-space:nowrap;opacity:1;transition:opacity .3s ease-in-out;z-index:999}