@import url(https://fonts.googleapis.com/css?family=Karla:400,700&display=swap);:root{--bgColor:#223344;--bgColor2:#090a0f;--accentColor:#FFF;--font:'Karla', sans-serif;--delay:.3s}*{box-sizing:border-box;user-select:none}body{margin:0;padding:0;min-height:100vh;min-height:100dvh;font-family:var(--font);background:radial-gradient(ellipse at bottom,var(--bgColor) 0%,var(--bgColor2) 100%);background-image:url(../asset/background.gif);background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;animation:1s ease-out var(--delay) 1 transitionAnimation;animation-fill-mode:forwards}#profilePicture,#userName,#description,#links,#links-down,#hashtag{margin-left:auto;margin-right:auto;text-align:center}#links,#links-down,#description,#hashtag{max-width:500px;width:100%}#profilePicture,#profilePicture img{position:relative;width:120px;height:120px;display:block;margin:40px auto 20px;border-radius:50%;-webkit-tap-highlight-color:#fff0}#userName{color:var(--accentColor);font-size:1rem;font-weight:700;line-height:1;display:block;width:100%;text-decoration:none}#description{color:var(--accentColor);font-size:1rem;font-weight:small;line-height:1.2;display:block;width:100%;text-decoration:none;white-space:pre-line}#links{display:block;margin:27px auto}.link{position:relative;background-color:#fff0;color:var(--accentColor);border:solid var(--accentColor) 2px;border-radius:10px;font-size:1rem;text-align:center;display:block;margin-left:10px;margin-right:10px;margin-bottom:10px;padding:10px;text-decoration:none;transition:all .25s cubic-bezier(.08,.59,.29,.99);-webkit-tap-highlight-color:#fff0}#links-down{display:flex;justify-content:center;gap:10px;margin:27px auto}.link-down{position:relative;background-color:#fff0;margin:0;color:var(--accentColor);font-size:1.3rem;text-align:center;padding:10px;text-decoration:none;transition:all .50s cubic-bezier(.08,.59,.29,.99);-webkit-tap-highlight-color:#fff0}@media (hover:hover){.link:hover{background-color:var(--accentColor);color:var(--bgColor)}}.link:active{background-color:var(--accentColor);color:var(--bgColor)}.link-down:hover{transform:scale(1.5)}.link-down:active{background-color:var(--accentColor);color:var(--bgColor);border-radius:10px}#hashtag{position:relative;padding-bottom:20px;color:var(--accentColor);font-size:1rem;display:block;overflow:hidden;background:linear-gradient(90deg,var(--bgColor),var(--accentColor),var(--bgColor));background-repeat:no-repeat;background-size:80%;animation:animate 3s linear var(--delay) infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0}@keyframes transitionAnimation{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes animate{0%{background-position:-500%}100%{background-position:500%}}@keyframes animStar{from{transform:translateY(0)}to{transform:translateY(-2000px)}}.overlay{display:flex;align-items:center;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgb(0 0 0 / .7);z-index:2;visibility:hidden;opacity:0;overflow:hidden;transition:.5s ease-in-out}.popup{position:relative;top:-43%;display:flex;flex-direction:column;align-items:center;max-width:400px;width:auto;height:auto;margin:56px;background-color:var(--bgColor);transform:scale(0);transition:.5s ease-in-out}.popup-quote{font-family:Baskerville,Georgia,serif;font-style:italic;position:flex;color:var(--accentColor);padding:20px;text-align:center;font-size:1rem}.popup-photo{display:flex;width:100%;height:100%}.popup-photo img{width:100%;height:100%}.overlay:target{visibility:visible;opacity:1}.overlay:target .popup{transform:scale(1);top:0}.popup-close{position:absolute;right:-1rem;top:-1rem;width:3rem;height:3rem;font-size:1.7rem;font-weight:400;border-radius:100%;background-color:var(--bgColor);z-index:4;color:var(--accentColor);line-height:2.7rem;text-align:center;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:#fff0}@media (hover:hover){.popup-close:hover{background-color:var(--accentColor);color:var(--bgColor)}}.popup-close:active{background-color:var(--accentColor);color:var(--bgColor)}