.navigation{z-index:5;position:absolute;left:0}.navigation ul{list-style-type:none;margin:0;padding:0}.navigation li{white-space:nowrap;box-sizing:border-box;position:relative;width:var(--size);height:var(--size);margin-bottom:0px;transition:all .15s ease-out;transform:translateX(0px)}.navigation li:hover{transform:translateX(0px)}.navigation li .navigation-text{padding-left:10px;position:absolute;background:#C0473Dca;width:300px;line-height:var(--size);height:calc( var(--size) - 1px);color:white;font-family:roboto;text-decoration:none;transform:translateX(-301px);transition:transform .2s ease-out;margin-top:1px;z-index:-1}.navigation li:hover .navigation-text{transform:translateX(0)}.navigation li div{display:inline-block;width:var(--size);height:var(--size)}.navigation li div img{height:100%}@media only screen and (max-width:959px){.navigation{display:none}}@media screen and (min-width:960px) and (max-width:1199px){.navigation li{width:var(--size1);height:var(--size1)}.navigation li .navigation-text{line-height:var(--size1);height:calc( var(--size1) - 1px)}.navigation li div{width:var(--size1);height:var(--size1)}}