*{padding:0;margin:0}html,body{height:100%;width:100%}:root{--white: #ddddd;--primary-color: #673ab7;--gradient-start: #5186ac;--gradient-end: #673ab7;--glass-bg: rgba(255, 255, 255, .15);--glass-bg-light: rgba(255, 255, 255, .2);--glass-border: rgba(255, 255, 255, .25);--glass-shadow-outset: 0 0 0 7px rgba(255, 255, 255, .1);--card-shadow-hover: 0px 10px 2px -10px #673ab769, 0px 24px 2px -16px #673ab73d, 0px 24px 2px -20px #3f51b54f;--border-radius-circle: 50%;--border-radius-card: 32px;--border-radius-input: 2rem;--transition-default: all .3s cubic-bezier(.25, .46, .45, .94);--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 2.5rem}body{font-family:Montserrat,sans-serif;background:linear-gradient(166deg,var(--gradient-start) 25%,#5686ac 47%,#7a79a9 64%,#686399,#4e5687) no-repeat center center fixed}.container{width:100%;margin:auto;min-height:100%;background:url(/assets/images/bg.webp);height:80%;box-shadow:0 0 8px #ddd;overflow:hidden}.contact_container{display:flex;background:#fff3;border-radius:5px;height:100%;box-shadow:var(--glass-shadow-outset);transition:.3s}.left_content{width:100px;padding:var(--space-3);border-right:solid 1px #ffffff45;background:var(--glass-bg)}.nav_list{list-style:none}.nav_element{display:flex;align-items:center}.nav_link{display:flex;align-items:center;justify-content:center;padding:var(--space-2);color:#fff;text-decoration:none;text-align:center;font-size:2rem;margin:var(--space-3);width:50px;height:50px;border:solid 1px var(--glass-border);background:var(--glass-bg);border-radius:var(--border-radius-circle)}.disabled{cursor:not-allowed}.nav_link:hover,.nav_link:focus{color:#fff;text-decoration:none}.white-text{color:#fff}.right_content{flex:1;display:flex;flex-direction:column}.nav_bar{width:100%;display:flex;align-items:center;padding:.8rem var(--space-4);background:var(--glass-bg);box-sizing:border-box;height:70px}.nav_bar_content{width:inherit;display:flex;justify-content:space-between;align-items:center}.navbar_left{display:flex}::-webkit-input-placeholder{color:#fff;font-size:.7rem}::-moz-placeholder{color:#fff;font-size:.7rem}:-ms-input-placeholder{color:#fff;font-size:.7rem}:-moz-placeholder{color:#fff;font-size:.7rem}.c-input{display:block;border-radius:var(--border-radius-input);border:none;padding:var(--space-2) var(--space-3);border:solid 1px var(--glass-border);background:var(--glass-bg);outline:none;color:#fff;width:100px;transition:var(--transition-default)}.c-input:focus{width:200px}.c-btn{cursor:pointer;color:#fff;outline:none;border-radius:var(--border-radius-circle);border:solid 1px var(--glass-border);background:var(--glass-bg);width:35px;height:35px;margin:0 0 0 var(--space-2)}.main_content{overflow-y:scroll;height:100%;padding:0 var(--space-3)}::-webkit-scrollbar{width:5px;background:#ffffff14}::-webkit-scrollbar-thumb{border-radius:4px;background-color:#fff}.app_body{margin-top:var(--space-2);transition:var(--transition-default)}.app_body.contact_list{display:flex;flex-wrap:wrap;flex-direction:column;width:100%}.app_body.contact_galery{display:flex;flex-wrap:wrap;width:99%;flex-direction:row}.app_body.contact_list>.card{margin:var(--space-2);border-radius:10px;overflow:hidden;padding:0}.app_body.contact_list>.card>.card_container>.card_header>img{border-radius:0;width:80px;height:80px;transition:.3s}.shadow{box-shadow:0 0 0 4px #ffffff1a;transition:.3s}.shadow:hover{box-shadow:0 0 #ffffff1a}.shadow_s{box-shadow:0 0 0 4px #ffffff1a;transition:.3s}.card{margin:.8rem;padding:var(--space-2);border-radius:var(--border-radius-card);transition:.3s;border:solid 1px var(--glass-border);background:var(--glass-bg);position:relative;overflow:hidden}.card:before{content:"";display:block;width:0px;background:linear-gradient(45deg,var(--gradient-start),var(--primary-color));height:100%;position:absolute;top:0;left:0;transition:width .2s cubic-bezier(.25,.46,.45,.94)}.card:hover{cursor:pointer;border:solid 1px transparent;transform:scale(1.04);box-shadow:var(--card-shadow-hover)}.card:hover:before{width:100%}.card_container{display:flex;flex-direction:column}.card_header{display:flex;align-items:center;z-index:1000}.card_header>img{width:50px;height:50px;border-radius:var(--border-radius-circle)}.contact_info{padding:0 var(--space-2)}.contact_name{font-weight:800;color:#fff}.contact_email{color:#eee;font-size:.8rem;padding:var(--space-2) 0}.animate-repeat{-webkit-transition:.3s linear all;transition:.3s linear all}.animate-repeat.ng-move,.animate-repeat.ng-enter,.animate-repeat.ng-leave{-webkit-transition:all linear .3s;transition:all linear .3s}.animate-repeat.ng-leave.ng-leave-active,.animate-repeat.ng-move,.animate-repeat.ng-enter,.animate-repeat.ng-leave,.animate-repeat.ng-move.ng-move-active,.animate-repeat.ng-enter.ng-enter-active{opacity:.5}.animate-repeat.ng-leave{background:red}.animate-repeat.ng-leave-stagger,.animate-repeat.ng-enter-stagger{-webkit-transition-duration:0s;transition-duration:0s}.user-detail-card{display:flex;margin:var(--space-3);background:#ffffff73;border-radius:25px;box-shadow:0 9px 39px 2px #2c2c2c33;overflow:hidden;flex-wrap:wrap}.user-detail-card-right,.user-detail-card-left{width:50%;display:flex;flex-direction:column;min-height:400px}@media(max-width:768px){.user-detail-card{flex-direction:column}.user-detail-card-right,.user-detail-card-left{width:100%;min-height:auto}}@media(max-width:480px){.user-detail-card-right,.user-detail-card-left{min-height:auto}}.bg-gradient{background:linear-gradient(45deg,var(--gradient-start),var(--primary-color));color:#fff}.user-detail-left-header{display:flex;width:100%;flex:1;position:relative}.bg-header-img{position:absolute;height:50%;z-index:0;width:100%}.user-detail-img{width:150px;height:150px;border-radius:var(--border-radius-circle);margin:auto;z-index:100;border:solid 4px rgba(255,255,255,.4)}.user-social{display:flex;justify-content:space-around;width:50%;margin:auto;padding:var(--space-3)}.user-social-link{display:flex;width:30px;height:30px;border-radius:var(--border-radius-circle);background:#fff;color:var(--primary-color);text-decoration:none;transition:.2s}.user-social-link:hover{background:linear-gradient(45deg,var(--gradient-start),var(--primary-color));color:#fff}.user-social-link>i{margin:auto}.ui_animate{transition:.2s}.ui_animate:hover{box-shadow:0 6px 17px -2px #5e59b2}.user-detail-info{padding:var(--space-2)}.user-info{text-align:center;color:var(--white)}.user-info-name{color:var(--white);font-size:var(--space-3);padding:var(--space-1)}.user-info-email{font-size:.8rem}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-5{margin-left:var(--space-5)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-5{margin-right:var(--space-5)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}