*{margin:0;padding:0;box-sizing:border-box}*:focus,*:active{outline:none!important;-webkit-tap-highlight-color:transparent}.wrapper{display:inline-flex}.wrapper .icon{position:relative;background-color:#fff;border-radius:50%;padding:15px;margin:5px;width:30px;height:30px;font-size:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 10px 10px rgba(0,0,0,0.1);cursor:pointer;transition:all .2s cubic-bezier(0.68,-0.55,0.265,1.55)}.wrapper .tooltip{position:absolute;top:0;font-size:14px;background-color:#fff;color:#fff;padding:5px 8px;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,0.1);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55)}.wrapper .tooltip::before{position:absolute;content:"";height:8px;width:8px;background-color:#fff;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55)}.wrapper .icon:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}.wrapper .icon:hover span,.wrapper .icon:hover .tooltip{text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.wrapper .facebook:hover,.wrapper .facebook:hover .tooltip,.wrapper .facebook:hover .tooltip::before{background-color:#3b5999;color:#fff}.wrapper .linkedin:hover,.wrapper .linkedin:hover .tooltip,.wrapper .linkedin:hover .tooltip::before{background-color:#46c1f6;color:#fff}.wrapper .instagram:hover,.wrapper .instagram:hover .tooltip,.wrapper .instagram:hover .tooltip::before{background-color:#e1306c;color:#fff}.wrapper .x:hover,.wrapper .x:hover .tooltip,.wrapper .x:hover .tooltip::before{background-color:#888;color:#fff}.wrapper .tiktok:hover,.wrapper .tiktok:hover .tooltip,.wrapper .tiktok:hover .tooltip::before{background-color:#ff0050;color:#fff}.wrapper .github:hover,.wrapper .github:hover .tooltip,.wrapper .github:hover .tooltip::before{background-color:#888;color:#fff}.wrapper .youtube:hover,.wrapper .youtube:hover .tooltip,.wrapper .youtube:hover .tooltip::before{background-color:#de463b;color:#fff}.wrapper2{display:inline-flex;z-index:9}.wrapper2 .tooltip{position:absolute;top:0;font-size:8px;background-color:#fff;color:black;padding:2px 2px 3px 2px;border-radius:2px;text-align:center;box-shadow:0 10px 10px rgba(0,0,0,0.1);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55)}.wrapper2 .tooltip::before{position:absolute;content:"";height:8px;width:8px;background-color:#fff;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(0.68,-0.55,0.265,1.55)}.wrapper2 .icon:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}.wrapper2 .icon:hover span,.wrapper2 .icon:hover .tooltip{text-shadow:0 -1px 0 rgba(0,0,0,0.1)}.wrapper2 .tootipgen:hover .tooltip,.wrapper2 .tootipgen:hover .tooltip::before{transition-delay:.5s;background-color:#fff;color:black}.btn2{background-image:linear-gradient(#dcdedf,#626363)}.btn2:hover{background-image:linear-gradient(#ff8080,red)}
.panel{margin:5px auto 5px;max-width:250px}.admin-panel{padding:0;background-color:#f8f8f8;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2)}.admin-panel .text{color:#888;font-size:13px;font-weight:bold;text-decoration:none;margin-left:10px}.admin-panel .fa-cog{float:right;margin-right:10px;font-size:20px;color:#888}.admin-panel :hover{cursor:pointer;color:#555}.menu-panel{margin-top:14px;background-color:#f8f8f8;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,0.2);display:none}input#togglem ~ .menu-panel{display:block}input#togglem{display:none}input#togglem:not(:checked) ~ .menu-panel{display:none}.arrow{position:absolute;top:111px;margin-left:15px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:9px solid #f8f8f8}.menu-panel .rowm{display:flex;justify-content:center;align-items:center}.menu-panel .column-left{float:left;width:85%;margin-left:10px}.menu-panel .column-right{float:right;width:15%;padding:8px;text-align:right}.menu-panel .rowm:after{content:'';display:table;clear:both}.menu-panel a{color:#888;font-size:13px;font-weight:bold;text-decoration:none}.menu-panel i{font-size:18px;width:25px;text-align:center}.menu-panel:hover .rowm:hover{background:#ebebeb;color:#555;border-radius:3px}.menu-panel:hover a{color:#bebebe}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}