@import url("https://fonts.googleapis.com/css?family=Karla:400,700&display=swap");:root{--bgColor:#234;--bgColor2:#090a0f;--accentColor:#fff;--font:"Karla",sans-serif;--delay:.3s}body{margin:0;padding:0;font-family:var(--font);position:relative}html{background-color:var(--bgColor2)}#profilePicture,#profilePicture img{position:relative;width:96px;height:96px;-o-object-fit:cover;object-fit:cover;display:block;margin:40px auto 20px;border-radius:50%;-webkit-tap-highlight-color:transparent}#userName{color:var(--accentColor);font-size:1rem;font-weight:700;line-height:1.25;display:block;font-family:var(--font);width:100%;text-align:center;text-decoration:none}#links{max-width:675px;width:auto;margin:27px auto}#links,.link{display:block}.link{position:relative;background-color:transparent;color:var(--accentColor);border:2px solid var(--accentColor);border-radius:10px;font-size:1rem;text-align:center;margin-left:10px;margin-right:10px;margin-bottom:10px;padding:10px;text-decoration:none;-webkit-tap-highlight-color:transparent}@media (hover:hover){.link:hover{background-color:var(--accentColor);color:var(--bgColor)}}.link:active{background-color:var(--accentColor);color:var(--bgColor)}#hashtag{position:relative;padding-bottom:20px;color:var(--accentColor);font-size:1rem;display:block;font-family:var(--font);width:100%;text-align:center;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:hsla(0,0%,100%,0)}canvas{z-index:-1}.overlay,canvas{position:fixed;top:0;left:0}.overlay{justify-content:center;bottom:0;right:0;background-color:rgba(0,0,0,.7);z-index:2;visibility:hidden;opacity:0;overflow:hidden}.overlay,.popup{display:flex;align-items:center;transition:.5s ease-in-out}.popup{position:relative;top:-43%;flex-direction:column;max-width:400px;width:auto;height:auto;margin:56px;background-color:var(--bgColor);transform:scale(0)}.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}.popup-photo,.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:transparent}@media (hover:hover){.popup-close:hover{background-color:var(--accentColor);color:var(--bgColor)}}.popup-close:active{background-color:var(--accentColor);color:var(--bgColor)}