@keyframes openPage{0%{opacity:0;clip-path:polygon(100% 0%,100% 50%,100% 100%,0% 100%,0% 50%,0% 0%);transform:translate(-10%)}to{opacity:1;clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,25% 50%,0% 0%)}}@keyframes homeBackground{0%{opacity:0}to{opaticy:.1}}.animated-button{clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);cursor:pointer;background-color:#005dc8;padding:10px 30px;transition:all .5s;transform:translate(0%)}.animated-button:hover{transform:translate(20%)}.clipped-image{clip-path:polygon(75% 0%,100% 50%,75% 100%,0% 100%,25% 50%,0% 0%);z-index:2;animation:1.5s openPage;transform:translate(15%)}.clipped-box-1{z-index:1;background-color:#6e6cd78e;position:absolute;right:20%}.clipped-box-2{z-index:1;background-color:#8c63c68f;position:absolute;right:30%}.home-circuit{opacity:.1;z-inded:0;width:auto;height:90%;animation:1.5s homeBackground;position:absolute;left:0}.circle-image{clip-path:circle(25%)}.first-circle{z-index:1;position:absolute;top:20%;left:20%}.second-circle{z-index:1;position:absolute;top:50%;left:50%}.third-circle{z-index:1;position:absolute;top:10%;left:80%}.first-circle-box{z-index:0;width:500px;height:500px;position:absolute;top:15%;left:5%}.second-circle-box{z-index:0;width:500px;height:500px;position:absolute;top:45%;left:40%}.third-circle-box{z-index:0;width:500px;height:500px;position:absolute;top:2%;left:70%}