.foxusWrap{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:rgba(0,0,0,.911)}.foxus{cursor:pointer}.foxus,body div.svg-container{max-width:600px;width:100%;height:600px}body div.svg-container{display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}body div.svg-container:hover .head,body div.svg-container:hover .mouth{animation-play-state:paused;-webkit-animation-play-state:pause}body div.svg-container:hover .blink{opacity:0}body div.svg-container .blink{transition:opacity .3s;opacity:1}.textFoxus{width:-moz-max-content;width:max-content;font-family:Poppins,sans-serif;font-size:20px;position:absolute;left:100%;top:100%;text-transform:uppercase;color:#fff;pointer-events:none;transition:all .3s;opacity:0}body div.svg-container:hover .textFoxus{top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}@keyframes head-breath{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}50%{transform:translateY(-7px);-webkit-transform:translateY(-7px);-moz-transform:translateY(-7px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}@keyframes mouth-breath{0%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}50%{transform:translateY(4px);-webkit-transform:translateY(4px);-moz-transform:translateY(4px)}to{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}}body .head{animation:head-breath 2s ease infinite;-webkit-animation:head-breath 2s ease infinite;-moz-animation:head-breath 2s ease infinite}body .mouth{animation:mouth-breath 2s ease infinite;-webkit-animation:mouth-breath 2s ease infinite;-moz-animation:mouth-breath 2s ease infinite}.foxText{font-family:Poppins,sans-serif;color:#fff}@media(width <=600px){.foxus,body div.svg-container{height:400px}.textFoxus{font-size:16px}}