:root{--primary-bg:#242526;--secondary-bg:#fff;--primary-text-color:#555;--secondary-text-color:#cecece;--border-radius:8px;--speed:240ms}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul{list-style:none}a{text-decoration:none}.menu-trigger img{border-radius:0;overflow:hidden;cursor:pointer;background-color:#ffffff00}.dropdown-menu{position:absolute;top:94px;right:0;border-radius:8px;padding:10px 12px;width:100%;height:90vh}.dropdown-menu:before{content:"";position:absolute;top:-5px;right:20px;height:20px;width:20px;transform:rotate(45deg)}.dropdown-menu.active{opacity:1;visibility:visible;transform:translateY(0);transition:var(--speed) ease}.dropdown-menu.inactive{opacity:0;visibility:hidden;transform:translateY(-20px);transition:var(--speed) ease}h3{width:100%;text-align:center;padding:20px 0;font-weight:500;font-size:18px;color:var(--primary-text-color);line-height:1.2rem}h3 span{font-size:14px;color:var(--secondary-text-color);font-weight:400}.dropdown-menu ul li{padding:10px 0;border-bottom:2px solid rgba(0,0,0,.05)}.dropdown-menu ul li:hover a{color:#0c0e1cdd;cursor:pointer}.dropdown-menu ul li:hover img{opacity:1;cursor:pointer}.dropdownItem{display:flex;margin:10px auto}.dropdownItem img{max-width:20px;margin-right:1px;opacity:.5;transition:var(--speed)}.dropdownItem a{max-width:100px;margin-left:10px;transition:var(--speed)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}