@keyframes arm-anima{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes head-anima{0%,42%,to{top:25px}45%{top:50px}}@keyframes eye-anima{0%,42%,to{height:5px}45%{height:1px}}@keyframes shadow-anima{0%,50%,to{width:350px;left:80px}25%{width:450px;left:80px}75%{width:450px;left:0}}:root{--brown:#402724;--beige:#EEECEB;--red:#CC0000;--white:#FFF;--light-blue:#117FD3;--light-orange:#ffe0b2}.page,.page__body{height:100vh}.page{background-color:var(--light-orange)}.page__body{margin:0;display:grid;place-items:start center}.logo{margin:10%;width:50vmin;height:50vmin}.logo__image{display:block;width:100%;height:100%}.logo__top{fill:var(--white)}.logo__left{fill:var(--light-blue)}.logo__right{fill:var(--red)}body{background-color:#ff7f2e;font-family:"Concert One",cursive;margin:0;overflow:hidden;padding:0}.text{left:50%;position:absolute;transform:translate(-50%,-50%);color:rgba(19,36,44,.1);font-size:30em;text-align:center;top:40%}.caveman,.container,.container:after{height:300px;position:absolute}.container{left:50%;top:50%;transform:translate(-50%,-50%);width:500px}.container:after{content:"";background-color:rgba(19,36,44,.1);border-radius:12px;bottom:40px;height:12px;left:80px;width:350px;z-index:-1}.caveman{width:250px}.caveman:nth-child(1){right:20px}.caveman:nth-child(2){left:20px;transform:rotateY(180deg)}.head,.head .eye,.head .eye .nose{position:absolute;background-color:#13242c;border-radius:50px;height:140px;left:60px;top:25px;width:65px}.head .eye:after,.head .eye:before,.head:after,.head:before{content:"";position:absolute;background-color:#13242c;border-radius:10px;height:20px;width:7px}.head:after{left:35px;top:-8px;transform:rotate(20deg)}.head:before{left:30px;top:-8px;transform:rotate(-20deg)}.head .eye{transform:translateX(-50%);background-color:#eab08c;height:16px;left:45%;top:40px;width:48px}.head .eye:after,.head .eye:before{top:50%;transform:translateY(-50%);border-radius:50%;height:5px;width:5px}.head .eye:after{left:5px}.head .eye:before{right:9px}.head .eye .nose{transform:translate(-50%,-50%);background-color:#d9766c;border-left:8px solid rgba(19,36,44,.1);border-radius:10px;box-sizing:border-box;height:35px;left:45%;top:12px;width:15px}.shape,.shape .circle{position:absolute;border-radius:50%}.shape{left:50%;transform:translateX(-50%);height:140px;overflow:hidden;top:70px;width:140px}.shape .circle{height:60px;width:60px}.shape .circle:after,.shape .circle:before{content:"";position:absolute;border-radius:50%;height:20px;width:20px}.shape .circle:after{left:50px;top:10px}.shape .circle:before{left:60px;top:45px}.shape .circle:nth-child(1){left:-12px;top:80px}.shape .circle:nth-child(2){right:10px;top:0;transform:rotate(90deg)}.shape .circle:nth-child(2):after{left:65px;top:10px}.shape .circle:nth-child(2):before{display:none}.caveman:nth-child(1) .shape{background-color:#d13433}.caveman:nth-child(1) .shape .circle,.caveman:nth-child(1) .shape .circle:after,.caveman:nth-child(1) .shape .circle:before,.caveman:nth-child(2) .shape{background-color:#932422}.caveman:nth-child(2) .shape .circle,.caveman:nth-child(2) .shape .circle:after,.caveman:nth-child(2) .shape .circle:before{background-color:#d13433}.arm-right{position:absolute;background-color:#eab08c;border-left:8px solid rgba(19,36,44,.1);border-radius:50px;box-sizing:border-box;height:180px;left:135px;top:80px;transform-origin:30px 30px;width:60px;z-index:1}.arm-right .club{position:absolute;border-bottom:110px solid #601513;border-left:10px solid transparent;border-right:10px solid transparent;height:0;left:-60px;top:120px;transform:rotate(70deg);width:20px}.arm-right .club:after{left:0}.arm-right .club:after,.arm-right .club:before{position:absolute;content:"";background-color:#601513;border-radius:50%}.arm-right .club:after{height:20px;width:20px;top:-10px}.arm-right .club:before{height:40px;width:40px;left:-10px;top:90px}.leg,.leg .foot,.leg:after{position:absolute;border-radius:10px;height:55px;top:200px;width:10px}.leg:after{content:"";border-radius:50%;height:10px;left:-5px;top:15px}.leg .foot{border-radius:25px 25px 0 0;height:25px;left:-38px;top:30px;width:50px}.leg .foot .fingers,.leg .foot .fingers:after,.leg .foot:after,.leg .foot:before{position:absolute;background-color:#eab08c;border-radius:50%;bottom:0;height:15px;transform-origin:bottom;width:15px}.leg .foot:after{left:-6px;content:""}.leg .foot:before{left:8px;transform:scale(.6);content:""}.leg .foot .fingers{left:15px;transform:scale(.6)}.leg .foot .fingers:after{left:11px;content:""}.leg:nth-child(1){left:95px}.leg:nth-child(1),.leg:nth-child(1) .foot,.leg:nth-child(1) .foot:after,.leg:nth-child(1):after{background-color:#b2524d}.leg:nth-child(1) .foot:before{display:none}.leg:nth-child(2){left:115px}.leg:nth-child(2),.leg:nth-child(2) .foot,.leg:nth-child(2):after{background-color:#d9766c}.caveman:nth-child(1) .arm-right,.caveman:nth-child(2) .arm-right{animation:arm-anima 1.2s infinite cubic-bezier(.55,.01,.16,1.34)}.caveman:nth-child(2) .arm-right{animation-delay:.6s}.caveman:nth-child(1) .head,.caveman:nth-child(2) .head{animation:head-anima 1.2s infinite cubic-bezier(.55,.01,.16,1.34)}.caveman:nth-child(1) .head{animation-delay:.6s}.caveman:nth-child(2) .eye:after,.caveman:nth-child(2) .eye:before{animation:eye-anima 1.2s infinite cubic-bezier(.55,.01,.16,1.34)}.caveman:nth-child(1) .eye:after,.caveman:nth-child(1) .eye:before{animation:eye-anima 1.2s infinite cubic-bezier(.55,.01,.16,1.34);animation-delay:.6s}.container:after{animation:shadow-anima 1.2s infinite cubic-bezier(.55,.01,.16,1.34);animation-delay:.1s}