.gradient-nav{background-image:linear-gradient(#000000b3,#00000000);position:fixed;width:100%;z-index:100;top:0}#nav-icon1,#nav-icon2,#nav-icon3,#nav-icon4{width:30px;height:50px;position:relative;margin:20px 0 0;transform:rotate(0deg);transition:.7s ease-in-out;cursor:pointer}#nav-icon1 span{display:block;position:absolute;height:2px;width:100%;background:white;border-radius:4px;opacity:1;left:0;transition:.5s 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;transform:rotate(135deg)}#nav-icon1.open span:nth-child(2){opacity:0;left:-60px}#nav-icon1.open span:nth-child(3){top:10px;transform:rotate(-135deg)}.text-container{position:relative;width:300px;height:36px;overflow:hidden;color:white}.text,.text-back{transition:transform .8s cubic-bezier(.25,.8,.25,1),opacity .3s ease}.text-back{transform:translateY(100%);opacity:0}.text-container:hover .text{transform:translateY(-100%);opacity:0}.text-container:hover .text-back{transform:translateY(0);opacity:1}.marginTop{margin-top:7rem}