@keyframes float{0%{transform:translateY(-20px);box-shadow:0 5px 15px #0009}50%{transform:translateY(0);box-shadow:0 25px 15px #0003}to{transform:translateY(-20px);box-shadow:0 5px 15px #0009}}.avatar{box-sizing:border-box;border:5px solid #fff;border-radius:50%;width:150px;height:150px;animation:6s ease-in-out infinite float;overflow:hidden;transform:translateY(0);box-shadow:0 5px 15px #0009}.avatar img{width:100%;height:auto}.loader{place-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loader__element{border:var(--size) solid var(--point-color);margin:calc(var(--size) * 2);border-radius:100%}.loader__element:first-child{animation:.6s ease-in-out infinite alternate preloader}.loader__element:nth-child(2){animation:.6s ease-in-out .2s infinite alternate preloader}.loader__element:nth-child(3){animation:.6s ease-in-out .4s infinite alternate preloader}@keyframes preloader{to{transform:scale(2)}}