*{padding:0;margin:0}#pentagonBox{position:relative;width:100vw}#pentagon{position:relative;margin:200px auto 0;width:360px;border-width:200px 72px 0;border-style:solid;border-color:#eaeaea transparent}#pentagon:before{content:"";position:absolute;height:0;width:0;top:-340px;left:-72px;border-width:0 180px 140px;border-style:solid;border-color:transparent transparent #eaeaea}#pentagonCircle{position:absolute;left:-8px;top:-260px;width:230px;height:230px;border-radius:100%;background:#fff}#pentagonCircle img{width:140px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;text-align:center;vertical-align:middle}#pentagon .triangle-topleft{position:absolute;width:0;height:0;border-top:155px solid #f46644;border-right:155px solid transparent;top:-355px;left:-65px;transform:rotate(7deg)}#pentagon .triangle-topright{position:absolute;width:0;height:0;border-top:155px solid #fcbc1d;border-left:155px solid transparent;top:-355px;left:125px;transform:rotate(-7deg)}#pentagon .triangle-botleft,#pentagon .triangle-botright{top:-170px;width:0;height:0;border-left:155px solid transparent;position:absolute}#pentagon .triangle-botright{border-top:145px solid #7179ba;left:184px;transform:rotate(66deg)}#pentagon .triangle-botleft{border-top:145px solid #71cc35;left:-123px;transform:rotate(-153deg)}#pentagon .triangle-bottom{position:absolute;width:0;height:0;border-bottom:155px solid #4db9e4;border-left:155px solid transparent;top:-68px;left:31px;transform:rotate(45deg)}#pentagon .triangle-topleft .triangle-circle{position:absolute;width:85px;height:85px;border-radius:50%;background-color:#fff;border:2px solid #f46644;top:-174px;left:-21px}#pentagon .triangle-topright .triangle-circle{position:absolute;width:85px;height:85px;border-radius:50%;background-color:#fff;border:2px solid #fcbc1d;top:-177px;left:-66px}#pentagon .triangle-botleft .triangle-circle,#pentagon .triangle-botright .triangle-circle{border-radius:50%;top:-177px;left:-66px;width:85px;height:85px;background-color:#fff;position:absolute}#pentagon .triangle-botright .triangle-circle{border:2px solid #7179ba}#pentagon .triangle-botleft .triangle-circle{border:2px solid #71cc35}#pentagon .triangle-bottom .triangle-circle{position:absolute;width:85px;height:85px;border-radius:50%;background-color:#fff;border:2px solid #4db9e4;bottom:-174px;right:-19px}#pentagon .triangle-circle img{width:60px;height:60px;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}#pentagon .triangle-topleft img{transform:rotate(-7deg)}#pentagon .triangle-topright img{transform:rotate(7deg)}#pentagon .triangle-botleft img{transform:rotate(153deg)}#pentagon .triangle-botright img{transform:rotate(-66deg)}#pentagon .triangle-bottom img{transform:rotate(-45deg)}#pentagonBox #pentagon .text{position:absolute;font-weight:500}#pentagonBox #pentagon .text p{height:25px;line-height:25px}#pentagonBox #pentagon .cloud{top:-385px;left:-335px}#pentagonBox #pentagon .protocol{top:-385px;right:-290px}#pentagonBox #pentagon .customize{top:-120px;right:-410px}#pentagonBox #pentagon .terminal{top:150px;right:20px}#pentagonBox #pentagon .intelligence{top:-120px;left:-400px}#pentagonBox #pentagon .cloud-color{color:#f46644}#pentagonBox #pentagon .protocol-color{color:#fcbc1d}#pentagonBox #pentagon .customize-color{color:#7179ba}#pentagonBox #pentagon .terminal-color{color:#4db9e4}#pentagonBox #pentagon .intelligence-color{color:#71cc35}