@import url(https://fonts.googleapis.com/css?family=Teko&display=swap);@import url(https://fonts.googleapis.com/css?family=Oswald&display=swap);@import url(https://fonts.googleapis.com/css?family=Oswald:400,600&display=swap);html{width:100vw;padding:0;font-size:10px}body,html{height:100vh;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Teko,sans-serif}#root{height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#cdc9bf;justify-content:center;align-items:center}.App,.Main{height:100vh;width:100vw;display:flex;flex-direction:column;position:relative}.Main{box-sizing:border-box;overflow:hidden}.category-list{flex-direction:row;list-style-type:none;height:10%;margin:0 auto;padding:0;z-index:0}.category-list,.category__card{position:relative;display:flex;justify-content:center;width:100%}.category__card{height:100%;flex-direction:column;align-items:center;min-width:300px}.category__card:hover{cursor:pointer}.category__card:hover .category__background{-webkit-filter:contrast(.2);filter:contrast(.2);-webkit-filter:brightness(150%);filter:brightness(150%)}.category__card:hover .category__heading{-webkit-transform:scale(1.2);transform:scale(1.2);text-shadow:1px 3px 0 #333,1px 15px 8px rgba(20,20,20,.5)}.category__card--left,.category__card--right{height:95%}.category__card--main{height:100%;min-height:100%;width:65%}.category__card--top{background-color:#972930}.category__card--bottom{background-color:#191816}.category__card--middle .category__heading{font-size:10rem;text-shadow:1px 3px 0 #333,1px 15px 5px rgba(20,20,20,.5)}.category__background{width:100%;height:100%;position:absolute;z-index:0}.category__heading{color:#fff;margin:0;position:relative;z-index:1;font-size:3rem;text-shadow:1px 3px 0 #333,1px 13px 5px rgba(20,20,20,.5);letter-spacing:2px}.Legends{width:100%;height:100%;display:flex;flex-direction:rowd}.display-area{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative}.display__background{width:auto;height:80vh;width:30vw;object-fit:cover;position:absolute;top:0;left:5%}.display__background-text{position:absolute;margin:50px 0 0;color:#fff;font-size:10vw;z-index:2;letter-spacing:.5vw;text-shadow:5px 5px 10px #333}.legend__avatar{display:none;max-width:30%;height:auto;max-height:35vw;position:relative;z-index:3}[class^=hover--]{display:flex}.LegendsList{height:100%;width:10vh;min-width:10vh;list-style-type:none;justify-content:space-between;padding:0;margin-top:0;box-shadow:0 -2px 4px #333;z-index:10}.Legend,.LegendsList{display:flex;flex-direction:column;position:relative}.Legend{width:100%;height:10vw;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden}.Legend:hover{cursor:pointer}.Legend:after{content:"";display:block;padding-top:100%}img{box-sizing:border-box;position:relative}.shadow,img{width:100%;height:100%;top:0}.shadow{position:absolute;left:0;box-shadow:inset 0 10px 30px #333;z-index:5}.thumbnail-hover{opacity:0;position:absolute;top:0;left:0;-webkit-transform:scale(1);transform:scale(1);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.thumbnail-click{opacity:1}.shadow:hover+.thumbnail-hover{visibility:visible;opacity:1;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transform:scale(1.02);transform:scale(1.02)}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.Profile{position:relative;flex-grow:1;align-items:center;justify-content:center;z-index:10}.Profile,.Profile__main{height:100%;display:flex;flex-direction:row}.Profile__main{width:90%;justify-content:space-between}.Profile__summary{font-size:1.5rem;font-weight:lighter;margin:30px 0 0;font-family:Oswald;text-shadow:1px 1px 5px #333;white-space:pre-wrap;-webkit-animation:slide-in-right .9s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .9s cubic-bezier(.25,.46,.45,.94) both}.Abilities__ultimate{height:30%;width:100%}.Ability__image{width:50%;object-fit:contain;-webkit-filter:drop-shadow(2px 2px 3px #333);filter:drop-shadow(2px 2px 3px #333)}.Ability__image--ultimate{width:100%;height:100%}.Profile__info{display:flex;flex-direction:column;height:100%;flex-grow:1;color:#fff;box-sizing:border-box;padding:50px;margin-left:50px;position:relative}.Profile__summary{font-size:2rem;text-shadow:none;color:#333}.Profile__picture{height:100%;max-height:80vh;width:30vw;min-width:30vw;background-size:contain;background-repeat:no-repeat;background-position:50%;align-self:center;-webkit-animation:fade-in 1s cubic-bezier(.39,.575,.565,1) both,slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in 1s cubic-bezier(.39,.575,.565,1) both,slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}.Profile__quote{position:absolute;color:#fff;font-size:3vw;font-weight:700;text-shadow:2px 2px 5px #333;bottom:5vh;width:20vw;left:10vw;-webkit-animation:fade-in 1s cubic-bezier(.25,.46,.45,.94) both;animation:fade-in 1s cubic-bezier(.25,.46,.45,.94) both}.Profile__name{font-size:8vw;letter-spacing:.5vw;margin:0 0 0 -8px;height:10vw;-webkit-animation:slide-in-right .7s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .7s cubic-bezier(.25,.46,.45,.94) both}.Profile__description{font-size:2vw;font-weight:700;letter-spacing:5px;position:absolute;top:7vw;left:15vw;font-family:Oswald;color:#333;-webkit-animation:slide-in-right .8s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .8s cubic-bezier(.25,.46,.45,.94) both}.Profile__abilities{width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;-webkit-animation:slide-in-right 1.2s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right 1.2s cubic-bezier(.25,.46,.45,.94) both}.Bio{display:flex;font-family:Oswald,sans-serif;margin-top:20px;-webkit-animation:slide-in-right .8s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .8s cubic-bezier(.25,.46,.45,.94) both}.Bio__section{flex-grow:1}.Bio__heading{color:#972930;font-size:1vw;font-weight:600;margin:0}.Bio__text{font-size:1.8vw;font-weight:400;margin:0;color:#333}@-webkit-keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}@keyframes slide-in-right{0%{-webkit-transform:translateX(1000px);transform:translateX(1000px);opacity:0}to{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}}.Abilities{margin-top:50px;width:100%;padding:30px 0;justify-content:space-evenly;background-image:url(https://res.cloudinary.com/rezdelamasa/image/upload/v1566248632/ApexLegend/abilities-backgound.jpg);background-position:50%}.Abilities,.Ability{display:flex;align-items:center;-webkit-animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both;animation:fade-in 1.2s cubic-bezier(.39,.575,.565,1) both}.Ability{width:30%;height:90%;flex-direction:column;justify-content:flex-start;box-sizing:border-box;-webkit-animation-delay:.5s;animation-delay:.5s}.Ability__type{margin:0;font-size:2.5rem}.Ability__image{width:100%;height:50%}.Ability__name{font-size:1.5vw;margin:0;color:#b83038;letter-spacing:3px}.Ability__description{font-size:1vw;text-align:center;margin:0}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.14ebbea4.chunk.css.map */