.animated-icon1,.animated-icon2,.animated-icon3{width:30px;height:20px;position:relative;margin:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-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}.animated-icon1 span,.animated-icon2 span,.animated-icon3 span{display:block;position:absolute;height:3px;width:100%;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}.animated-icon1 span{background:#3498db}.animated-icon2 span{background:#3498db}.animated-icon3 span{background:#3498db}.animated-icon1 span:nth-child(1){top:0}.animated-icon1 span:nth-child(2){top:10px}.animated-icon1 span:nth-child(3){top:20px}.animated-icon1.open span:nth-child(1){top:11px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.animated-icon1.open span:nth-child(2){opacity:0;left:-60px}.animated-icon1.open span:nth-child(3){top:11px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}.animated-icon2 span:nth-child(1){top:0}.animated-icon2 span:nth-child(2),.animated-icon2 span:nth-child(3){top:10px}.animated-icon2 span:nth-child(4){top:20px}.animated-icon2.open span:nth-child(1){top:11px;width:0%;left:50%}.animated-icon2.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.animated-icon2.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.animated-icon2.open span:nth-child(4){top:11px;width:0%;left:50%}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 0}.parent{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);grid-column-gap:15px;grid-row-gap:15px}.div1{grid-area:1 / 1 / 9 / 3}.div2{grid-area:1 / 3 / 5 / 5}.div3{grid-area:5 / 3 / 9 / 7}.div4{grid-area:5 / 7 / 9 / 9}.div5{grid-area:1 / 5 / 5 / 9}.parent-element-to-video{overflow:hidden}.parent-element-to-video{position:relative}