.arrow{width:0.5em;height:0.5em;display:inline-block;vertical-align:middle;border-left:0.15em solid currentColor;border-bottom:0.15em solid currentColor;transform:rotate(-45deg);margin-top:-0.25em;transition:transform 100ms ease-in-out;margin-left:10px}
.has-dropdown:hover>.arrow,
.has-dropdown:active>.arrow,
.has-dropdown:focus>.arrow{transform:rotate(225deg)}
.submenu{position:absolute;left:0;background-color:var(--dark);white-space:nowrap;padding:1.5em 0;min-width:16em;opacity:0;transform:scaleY(0);transform-origin:top center}
.hidden{display:none;transition:.2s all}
.has-dropdown{position:relative}
.has-dropdown:hover>ul.hidden,
.has-dropdown:active>ul.hidden,
.has-dropdown:focus>ul.hidden{display:block;position:relative;transform:scaleY(1);opacity:1}
.main{margin:0 auto;display:block;height:100%;margin-top:60px}
.mainInner{display:table;height:100%;width:100%;text-align:center}
.mainInner div{display:table-cell;vertical-align:middle;font-size:3em;font-weight:bold;letter-spacing:1.25px}
#sidebarMenu{position:absolute;left:0;width:500px;top:0px;padding-top:50px;transform:translateX(-500px);transition:transform 250ms ease-in-out;background:#fff;z-index:2}
input[type="checkbox"]:checked ~ #sidebarMenu{transform:translateX(0)}
input[type=checkbox]{transition:all 0.3s;box-sizing:border-box;display:none}
.sidebarIconToggle{transition:all 0.3s;box-sizing:border-box;cursor:pointer;position:absolute;z-index:3;height:100%;width:100%;top:25px;right:10px;height:22px;width:22px}
.spinner{transition:all 0.3s;box-sizing:border-box;position:absolute;height:3px;width:100%;background-color:black}
.horizontal{transition:all 0.3s;box-sizing:border-box;position:relative;float:left;margin-top:3px}
.diagonal.part-1{position:relative;transition:all 0.3s;box-sizing:border-box;float:left}
.diagonal.part-2{transition:all 0.3s;box-sizing:border-box;position:relative;float:left;margin-top:3px}
input[type=checkbox]:checked ~ .sidebarIconToggle>.horizontal{transition:all 0.3s;box-sizing:border-box;opacity:0}
input[type=checkbox]:checked ~ .sidebarIconToggle>.diagonal.part-1{transition:all 0.3s;box-sizing:border-box;transform:rotate(135deg);margin-top:8px}
input[type=checkbox]:checked ~ .sidebarIconToggle>.diagonal.part-2{transition:all 0.3s;box-sizing:border-box;transform:rotate(-135deg);margin-top:-9px}
@media screen and (max-width:768px){#sidebarMenu{width:100vw;min-height:100vh;transform:translateX(-100vw)}.lg\:inline-block{display:block !important;padding:0 1rem}}