header{position:relative;height:100vh;overflow:hidden;min-height:50rem}.image-container{position:absolute}.image-container,.image-container img{width:100%;height:100%}header .image-1{-webkit-clip-path:polygon(0 0,68% 0,33% 15%,68% 24%,35% 36%,68% 44%,35% 54%,68% 64%,36% 74%,68% 85%,36% 89%,69% 100%,0 100%);clip-path:polygon(0 0,68% 0,33% 15%,68% 24%,35% 36%,68% 44%,35% 54%,68% 64%,36% 74%,68% 85%,36% 89%,69% 100%,0 100%);filter:contrast(2.2)}header .image-2{-webkit-clip-path:polygon(100% 0,68% 0,33% 15%,68% 24%,35% 36%,68% 44%,35% 54%,68% 64%,36% 74%,68% 85%,36% 89%,69% 100%,100% 100%);clip-path:polygon(100% 0,68% 0,33% 15%,68% 24%,35% 36%,68% 44%,35% 54%,68% 64%,36% 74%,68% 85%,36% 89%,69% 100%,100% 100%);filter:contrast(2.2)}header:before{background-color:rgba(0,0,0,.8);z-index:1}header:after,header:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%}header:after{background:#2b696e;background:linear-gradient(90deg,rgba(43,105,110,.5),hsla(55,67%,82%,.5))}.header__text-container{position:absolute;right:50%;top:45%;transform:translate(50%,-50%);color:#fff;z-index:4;width:100%;perspective:100px;transition:all .4s}.header__text-container h1{text-align:center;font-size:60px;margin-bottom:2rem;animation:text-coming 2s ease-in-out}@keyframes text-coming{0%{transform:translateZ(120px)}to{transform:translateZ(0)}}.header__text-container h2{text-align:center;margin-top:1rem;font-size:20px;animation:text-coming 2s ease-in-out}.header__button-container{display:flex;gap:150px;flex-wrap:wrap;margin-top:6rem;justify-content:center;animation:text-coming 2s ease-in-out}.header__button-container a{position:relative;text-decoration:none;text-transform:uppercase;padding:20px 35px;border:2px solid var(--secondary);color:var(--secondary);font-size:20px;letter-spacing:4px;transition:.5s}.header__button-container a:hover{color:#000;border:2px solid transparent}.header__button-container a span{position:absolute;background:var(--secondary);box-shadow:0 0 10px var(--secondary),0 0 20px var(--secondary),0 0 30px var(--secondary),0 0 50px var(--secondary),0 0 100px var(--secondary)}.header__button-container a span:first-child,.header__button-container a span:nth-child(3){width:40px;height:4px}.header__button-container a span:nth-child(2),.header__button-container a span:nth-child(4){width:4px;height:40px}.header__button-container a span:first-child{top:calc(50% - 2px);left:-50px;transition:.5s ease-in-out;transform-origin:left;transition-delay:.25s}.header__button-container a:hover span:first-child{left:50%;transform:scaleX(0);transition-delay:0s}.header__button-container a span:nth-child(3){top:calc(50% - 2px);right:-50px;transition:.5s ease-in-out;transform-origin:right;transition-delay:.25s}.header__button-container a:hover span:nth-child(3){right:50%;transform:scaleX(0);transition-delay:0s}.header__button-container a span:nth-child(2){left:calc(50% - 2px);top:-50px;transition:.5s ease-in-out;transform-origin:top;transition-delay:.25s}.header__button-container a:hover span:nth-child(2){top:50%;transform:scaleY(0);transition-delay:0s}.header__button-container a span:nth-child(4){left:calc(50% - 2px);bottom:-50px;transition:.5s ease-in-out;transform-origin:bottom;transition-delay:.25s}.header__button-container a:hover span:nth-child(4){bottom:50%;transform:scaleY(0);transition-delay:0s}.header__button-container a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--secondary);transform:scale(0);transition:.5s;z-index:-1}.header__button-container a:hover:before{transform:scale(1);transition-delay:.5s;box-shadow:0 0 10px var(--secondary),0 0 30px var(--secondary),0 0 60px var(--secondary)}@media only screen and (max-width:767.98px){.header__text-container{top:57%}.header__text-container h1{font-size:40px}.header__text-container h2{font-size:18px}.header__button-container{flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}}@media only screen and (max-width:640px){.header__text-container h2{font-size:15px}}