.avatar{position:relative;top:3rem;left:7rem;height:4rem;width:8rem;border-top:2px solid #e4bf7c;border-bottom:2px solid #e4bf7c}.avatar:after{content:"";position:absolute;right:-1.55rem;top:.4rem;width:calc(2rem * var(--sqrt2));height:calc(2rem * var(--sqrt2));border-top:2px solid #e4bf7c;border-right:2px solid #e4bf7c;transform:rotate(45deg);z-index:10}.avatar .name{width:100%;text-align:center}.avatar .big-avatar{width:5rem;height:5rem;border:1px solid #e5bc83;border-radius:50%;position:absolute;top:-.5rem;left:-4rem;z-index:20}.avatar .big-avatar .sm-avatar{width:40%;height:40%;border:1px solid #e5bc83;border-radius:50%;position:absolute;bottom:-10%;right:-10%}.avatar .btn-avatar{position:absolute;top:1rem;right:-2.5rem;width:2rem;height:2rem;border:.15rem solid #884c4d;border-radius:.25rem;background-color:#e4bf7c;transform:rotate(45deg);display:flex;justify-content:center;align-items:center;z-index:20}.infoBox{position:fixed;right:2rem;top:2rem;width:40%;height:calc(100vh - 4rem)}.card{position:relative;width:100%;height:100%;background:linear-gradient(45deg,transparent 15px,#dfae71 0);z-index:1;padding:1rem;color:#eee}.card:after{content:"";position:absolute;top:.25rem;right:.25rem;width:calc(100% - .5rem);height:calc(100% - .5rem);background-image:linear-gradient(45deg,transparent 15px,#171e42 0);z-index:-1}.card .tf-svg{position:absolute;top:-1rem;left:-1rem}.card .tr-btn{position:absolute;top:-.5rem;right:-.5rem}.btn{position:relative;text-align:center;width:calc(2rem - 6px);height:calc(2rem - 6px);clip-path:polygon(18% 0,81% 0,100% 13%,100% 79%,86% 100%,15% 100%,0 82%,0 21%);background-color:#dfae71;font-weight:bolder}.btn:before{content:"";position:absolute;top:3px;right:3px;width:calc(100% - 6px);height:calc(100% - 6px);clip-path:polygon(18% 0,81% 0,100% 13%,100% 79%,86% 100%,15% 100%,0 82%,0 21%);background-color:#171e42;z-index:-1}.container{width:100%;height:100%;margin:0}.contain{width:90%;display:flex;align-items:center;justify-content:center}.contain .left{flex:0}.contain .right{width:30rem;overflow:hidden;background-color:#fff;padding:40px 30px 30px;border-radius:.5rem;transform:translate(0);transition:transform .3s,box-shadow .3s;box-shadow:5px 10px 10px #02809033}.contain .right:before,.contain .right:after{content:"";position:absolute;width:30rem;height:30rem;border-radius:40% 45% 40% 35%;z-index:-1}.contain .right:before{left:40%;bottom:-130%;background-color:#45699026;animation:wawes 6s infinite linear}.contain .right:after{left:35%;bottom:-125%;background-color:#02809033;animation:wawes 7s infinite}.contain .right svg text{animation:stroke 5s alternate;fill:#488acc;letter-spacing:.1rem;font-size:1.5rem;font-weight:600}@keyframes stroke{0%{fill:#488a1400;stroke:#365fa0;stroke-dashoffset:25%;stroke-dasharray:0 50%;stroke-width:.05rem}70%{fill:#488a1400;stroke:#365fa0;stroke-width:.1rem}90%,to{fill:#488acc;stroke:#365fa0;stroke-dashoffset:-25%;stroke-dasharray:50% 0;stroke-width:0}}@media screen and (max-width: 400px){.contain{display:flex;flex-direction:column;column-gap:2.5rem}.contain .left{width:100%;height:50%}}@keyframes wawes{0%{transform:rotate(0)}to{transform:rotate(360deg)}}html,body{margin:0;width:100%;height:100%;font-size:20px}#root{height:100%;display:flex;justify-content:center;align-items:center;background-image:url(/assets/bg-BdYrtQyi.jpg);background-size:cover;background-position:10%}@media screen and (max-width: 400px){html,body{margin:0;width:100%;height:100%;font-size:10px}}