.user-avatar-dropdown{position:relative;display:inline-block}.avatar{cursor:pointer}.dropdown-menu{width:-moz-fit-content;width:fit-content;width:180px;position:absolute;top:85px;right:0;background-color:#154851;border:#154851;box-shadow:0 4px 8px #0000001a;animation:fadeIn .3s ease-in-out;z-index:1000}.dropdown-menu:before{content:"";position:absolute;top:-10px;right:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #154851}.dropdown-menu ul{list-style:none;padding:0;margin:0}.dropdown-menu li{padding:10px 15px;cursor:pointer}.dropdown-menu li:hover{background-color:#f0f0f0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mySvg{cursor:pointer}.elem3{transform:rotate(34.5deg)}.elem4{transform:rotate(41.5deg)}.elem5{transform:rotate(153.5deg)}.elem7,.elem8{transform:rotate(138.5deg)}@keyframes fly-in{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fly-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-20px);opacity:0}}.animate-fly-in{animation:fly-in .3s forwards}.animate-fly-out{animation:fly-out .3s forwards}.navbar-cotainer{display:flex;justify-content:space-between;align-items:center;height:100%}.black div.navbar-cotainer a{color:#000;text-decoration:none;padding:10px;position:relative;z-index:0;cursor:pointer;transition:all ease-in-out .3ms}div.borderXwidth a:before,div.borderXwidth a:after{position:absolute;opacity:0;width:0%;height:2px;content:"";background:#13af9a;transition:all .3s}div.borderXwidth a:before{left:0;top:0}div.borderXwidth a:after{right:0;bottom:0}div.borderXwidth a:hover:before,div.borderXwidth a:hover:after{opacity:1;width:100%}.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;user-select:none}.hamRotate.active{transform:rotate(45deg)}.hamRotate180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:#000;stroke-width:5.5;stroke-linecap:round}.ham6 .top{stroke-dasharray:40 172}.ham6 .middle{stroke-dasharray:40 111}.ham6 .bottom{stroke-dasharray:40 172}.ham6.active .top{stroke-dashoffset:-132px}.ham6.active .middle{stroke-dashoffset:-71px}.ham6.active .bottom{stroke-dashoffset:-132px}.menu-animate-fly-in{animation:fly-in .3s forwards;opacity:0}.menu-animate-fly-in:nth-child(2){animation-delay:.1s}.menu-animate-fly-in:nth-child(4){animation-delay:.2s}.menu-animate-fly-in:nth-child(6){animation-delay:.3s}.menu-animate-fly-in:nth-child(8){animation-delay:.4s}.menu-animate-fly-in:nth-child(10){animation-delay:.5s}.menu-animate-fly-in:nth-child(12){animation-delay:.6s}div.pullRightLeft a:before,div.pullRightLeft a:after{position:absolute;width:2px;height:100%;top:0;content:"";background:#13af9a;opacity:.3;transition:all .3s}div.pullRightLeft a:before{left:0}div.pullRightLeft a:after{right:0}div.pullRightLeft a:hover:before,div.pullRightLeft a:hover:after{width:100%}