@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;800&display=swap);html{scroll-behavior:smooth;--avatar-border:linear-gradient(45deg,#56b8f1,#8366ee);--footer-height:32px;--footer-padding:64px}*{padding:0;margin:0;outline:0;box-sizing:border-box}body{width:100vw;max-width:100%;overflow-x:hidden;background:#e38fd1;background-repeat:no-repeat;font-family:Fira Sans,Frutiger,Frutiger Linotype,Univers,Calibri,Gill Sans,Gill Sans MT,Myriad Pro,Myriad,DejaVu Sans Condensed,Liberation Sans,Nimbus Sans L,Tahoma,Geneva,Helvetica Neue,Helvetica,Arial,sans-serif}.content{min-height:100vh;width:100%;align-items:stretch;background-image:linear-gradient(180deg,#60fce0,#e38fd1);background-repeat:no-repeat;z-index:1}.content,.header{display:flex;flex-direction:column}.header{width:100vw;align-items:center;justify-content:center;flex:1 1}.header .avatar{position:relative;margin:32px auto 16px;width:128px;height:128px;border-radius:999px;z-index:1}.header .avatar:after{width:100%;height:100%;background-image:url(/images/avatar.jpg);background-repeat:no-repeat;background-size:128px 128px;background-position:50%;z-index:3}.header .avatar:after,.header .avatar:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px}.header .avatar:before{width:120%;height:120%;background:var(--avatar-border)}.header h1{font-size:20px;font-weight:500}@media(min-width:400px){.header h1{font-size:32px}}@media(min-width:768px){.header h1{font-size:40px}}@media(min-width:540px){.header h1{font-weight:400}}.header h2{font-size:12px;font-weight:800}@media(min-width:400px){.header h2{font-size:24px}}@media(min-width:540px){.header h2{font-weight:400}}ul{list-style:none;margin:32px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}ul,ul li{width:100%}ul li{flex:1 1 100%}ul li a{--fade:all 150ms ease;position:relative;overflow:hidden;width:75%;max-width:280px;padding:12px 8px;margin:6px auto;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:99px;box-shadow:0 10px 15px 0 hsla(0,0%,100%,.26666666666666666),0 -10px 15px 0 hsla(0,0%,100%,.26666666666666666);font-size:20px;font-weight:500;text-decoration:none;letter-spacing:-1px;color:#000;z-index:1;transition:var(--fade)}@media(min-width:360px){ul li a{font-size:24px}}@media(min-width:500px){ul li a{font-size:18px}}@media(min-width:321px){ul li a{width:85%}}ul li a:before{background:linear-gradient(15deg,#46beee,#b8e1f1)}ul li a:after,ul li a:before{position:absolute;content:"";top:0;left:0;bottom:0;right:0;transition:var(--fade);z-index:-1}ul li a:after{background:linear-gradient(15deg,#063041,#0e739b);opacity:0}ul li a img{padding:4px;width:24px;height:auto;transition:var(--fade)}ul li a:hover{color:#fff;transition:var(--fade)}ul li a:hover:after{transition:var(--fade);opacity:1}ul li a:hover img{filter:invert(100%);transition:var(--fade)}.footer-reveal{height:300px}.footer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);background-color:#2359ec;width:100vw;height:var(--footer-height);padding:var(--footer-padding);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;border-top-left-radius:25px;border-top-right-radius:25px;z-index:-1}@media(min-width:768px){.footer{width:90vw}}