body{margin:0;font-family:"Doto",serif;background-color:#000;color:#fff;font-weight:bold}.font-weight-bold{font-weight:bold}.profile-picture img{width:150px;height:150px}.links a{border-radius:50px;box-shadow:0px 4px 6px rgba(0,0,0,0.3);transition:transform 0.2s ease,box-shadow 0.2s ease}.links a:hover{transform:translateY(-4px);box-shadow:0px 8px 15px rgba(255,255,255,0.4)}.links a:hover.bi{text-shadow:0px 0px 8px rgba(255,255,255,0.4)}
footer{font-size:0.9rem;color:#6c757d}.button-container{position:relative;margin-bottom:10px;overflow:hidden;transition:0.1s;border:1px solid rgba(255,255,255,0.2)}.button-container button{width:101%;height:100%;font-family:"Doto",serif;font-size:35px;background:#fff;-webkit-mask:url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");mask:url("https://raw.githubusercontent.com/robin-dela/css-mask-animation/master/img/nature-sprite.png");-webkit-mask-size:2300%100%;mask-size:2300%100%;border:none;color:#000;cursor:pointer;animation:anim2 0.1s steps(11)forwards}.button-container button:hover{animation:anim1 0.7s steps(22)forwards}.mask{position:absolute;color:#fff;text-align:center;width:101%;font-family:"Doto",serif;font-weight:bold;font-size:35px;overflow:hidden}
@keyframes anim1{from{-webkit-mask-position:100%0;mask-position:100%0}
to{-webkit-mask-position:0 0;mask-position:0 0}}
@keyframes anim2{from{-webkit-mask-position:0 0;mask-position:0 0}
to{-webkit-mask-position:100%0;mask-position:100%0}}
#particles-js{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}