body{width:auto;height:100vh;background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/bg.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed}.container{padding:50px 0}.container .heroes{display:flex;flex-wrap:wrap;justify-content:center;max-width:700px;margin:0 auto;padding:40px 20px}.container .heroes .hero{width:80px;height:84px;background-color:#555;margin:4px;border:3px solid #fff;transform:skewX(-14deg);border-radius:10px;box-sizing:border-box;transition:transform .3s,background-color .6s;overflow:hidden}.container .heroes .hero:hover{background-color:orange;transform:scale(1.3) skewX(-14deg);z-index:1}.container .heroes .hero .image{width:140%;height:100%;background-position:50%;background-size:90px;background-repeat:no-repeat;transform:skew(14deg) translate(-16px)}.container .heroes .hero:first-child .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero1.png)}.container .heroes .hero:nth-child(2) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero2.png)}.container .heroes .hero:nth-child(3) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero3.png)}.container .heroes .hero:nth-child(4) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero4.png)}.container .heroes .hero:nth-child(5) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero5.png)}.container .heroes .hero:nth-child(6) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero6.png)}.container .heroes .hero:nth-child(7) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero7.png)}.container .heroes .hero:nth-child(8) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero8.png)}.container .heroes .hero:nth-child(9) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero9.png)}.container .heroes .hero:nth-child(10) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero10.png)}.container .heroes .hero:nth-child(11) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero11.png)}.container .heroes .hero:nth-child(12) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero12.png)}.container .heroes .hero:nth-child(13) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero13.png)}.container .heroes .hero:nth-child(14) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero14.png)}.container .heroes .hero:nth-child(15) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero15.png)}.container .heroes .hero:nth-child(16) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero16.png)}.container .heroes .hero:nth-child(17) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero17.png)}.container .heroes .hero:nth-child(18) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero18.png)}.container .heroes .hero:nth-child(19) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero19.png)}.container .heroes .hero:nth-child(20) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero20.png)}.container .heroes .hero:nth-child(21) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero21.png)}.container .heroes .hero:nth-child(22) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero22.png)}.container .heroes .hero:nth-child(23) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero23.png)}.container .heroes .hero:nth-child(24) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero24.png)}.container .heroes .hero:nth-child(25) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero25.png)}.container .heroes .hero:nth-child(26) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero26.png)}.container .heroes .hero:nth-child(27) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero27.png)}.container .heroes .hero:nth-child(28) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero28.png)}.container .heroes .hero:nth-child(29) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero29.png)}.container .heroes .hero:nth-child(30) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero30.png)}.container .heroes .hero:nth-child(31) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero31.png)}.container .heroes .hero:nth-child(32) .image{background-image:url(https://raw.githubusercontent.com/ParkYoungWoong/overwatch-hero-selector-vanilla/master/images/hero32.png)}.container .logo{max-width:300px;margin:0 auto;padding:0 20pxs}.container .logo img{width:100%}
/*# sourceMappingURL=/main.1a15fdca.css.map */