:root{--primary-secondary-gradient:linear-gradient(to right,var(--primary),var(--secondary))}.bgGradient,.textGradient{background:var(--primary-secondary-gradient)}.textGradient{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.borderGradient{border-radius:20px;border:4px solid transparent;border-image:var(--primary-secondary-gradient);border-image-slice:1}#nav-icon1{width:30px;height:15px;position:relative;margin:0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#nav-icon1,#nav-icon1 span{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}#nav-icon1 span{display:block;position:absolute;height:3px;width:100%;background:var(--foreground);border-radius:9px;opacity:1;left:0;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon1 span:first-child{top:0}#nav-icon1 span:nth-child(2){top:10px}#nav-icon1 span:nth-child(3){top:20px}#nav-icon1.open span:first-child{top:10px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}#nav-icon1.open span:nth-child(2){opacity:0;left:-60px}#nav-icon1.open span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}