/**
 * WEBSITE SLIDE MENU CSS WRITTEN BY KRZYSZTOF SZYMALA
 * WWW.ELITESOFT.NET WEBSITE WRITTEN BY KRZYSZTOF SZYMALA
 * COPYRIGHT (C)2024 KRZYSZTOF SZYMALA. ALL RIGHTS RESERVED
 * CONTACT: KRZYSZTOF SZYMALA
 * ADMIN@ELITESOFT.NET,
 * ELITESOFT@YAHOO.COM
 * KRISEO@YAHOO.COM
 */

:root {
    --slide-menu-width: 260px;
}
.slide-menu {
	position: fixed;
	width: var(--slide-menu-width);
	height: fit-content;
	top: 63px;
	right: calc(0px - var(--slide-menu-width));
	z-index: 1;
}
.slide-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #000;
}
.slide-menu ul li {
	background-color: #00002b;
	text-align: center;
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #00ffff;
}
.slide-menu ul li:last-child {
	border-bottom: 1px solid #00ffff;
}
.slide-menu > ul > li:hover {
	cursor: pointer;
}
.slide-menu ul li a {
	display: block;
	width: 100%;
	height: fit-content;
	padding: 10px 0 10px 0;
	color: #e1e1e1;
	text-decoration: none;
	font-size: 22px;
	font-family: SourceSansProBold;
}
.slide-menu ul li a:hover {
	padding: 9px 0 11px 0;
	color: cyan;
}

.slide-in {
	animation: slide-in 0.5s forwards;
	-webkit-animation: slide-in 0.5s forwards;
}
@keyframes slide-in {
	100% { transform: translateX(-100%) };
}
@-webkit-keyframes slide-in {
	100% { -webkit-transform: translateX(-100%) };
}
.slide-out {
	animation: slide-out 0.5s forwards;
	-webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-out {
	0% {transform: translateX(-100%) }
}
@-webkit-keyframes slide-out {
	0% {-webkit-transform: translateX(-100%) }
}