@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&display=swap);@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);:root{--percentage:50%}*{box-sizing:border-box}body{font-family:"Luckiest Guy",cursive}body:after{background-image:url(/static/media/background.d5e68910.jpg);background-repeat:repeat;position:fixed;content:"";top:0;left:0;bottom:0;right:0;z-index:-1;opacity:.6}h1{text-align:center;font-size:6rem;padding-top:2rem;margin:0;background:-webkit-linear-gradient(#5c2b93,#333);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.weapons{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4rem;margin:2.8rem}@media screen and (max-width:1024px){.weapons{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;margin:1rem}.modal .title .tags{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:600px){.weapons{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem;margin:1rem}h1{font-size:4rem}.modal .title .tags{grid-template-columns:repeat(2,1fr)}}.loader{text-align:center;position:relative;margin-top:1rem}.stats table{margin:auto;width:99%}.stats .stat-key{width:27%}.stats .stat-value{width:6%;padding-left:.5rem}.stats .div-stat-range{width:100%;background-color:rgba(0,0,0,.5);margin:0 6px;position:relative;display:inline-block}.stats .div-stat-range,.stats .div-stat-range:after{vertical-align:inherit;border-radius:10rem;overflow:hidden;height:5px}.stats .div-stat-range:after{content:"";width:var(--percentage);background-color:#5bc686;position:absolute;animation:fill .3s backwards}@keyframes fill{0%{width:0}}@media screen and (max-width:1024px){.stats table{font-size:2vh}}@media screen and (max-width:600px){.stats table{font-size:2.1vh}}.modal .title .tag{background-color:hsla(0,0%,100%,.2);font-size:.8rem;padding:.6rem;margin:.5vw;border-radius:2rem}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:70vw;height:92vh;max-width:1200px;max-height:1000px;background-color:#fff;z-index:999;border-radius:2rem;opacity:1;animation-name:fadeInOpacity;animation-timing-function:linear;animation-duration:.3s}.overlay{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.7)}.modal .exit-modal{display:block;background:none;border:none;font-size:1.7rem;margin:.8rem}.modal .exit-modal:focus{outline:none}.modal .title{text-align:center}.modal .title .name{margin-top:0;font-size:2rem}.modal .title .weapon-img{width:18%;position:fixed;z-index:999;left:50%;top:40%;transform:translate(-50%,-50%)}.modal .title .tags{width:80%;margin:auto;display:flex;flex-wrap:wrap}.modal .data{background-color:#eee;width:99%;height:56%;position:fixed;top:43%;left:50%;transform:translateX(-50%);border-radius:inherit;margin:auto;box-shadow:0 0 20px 0 rgba(0,0,0,.2)}.modal .data .tabs{display:flex;width:90%;margin:auto;padding-top:1rem;border-bottom:2px solid rgba(0,0,0,.2)}.modal .data .tabs .tab{display:block;padding:1rem;cursor:pointer;position:relative}.modal .data .tabs .active:after{content:"";display:block;width:100%;height:4px;top:100%;margin-top:-1px;left:0;position:absolute;background-color:#6c79db}.modal .data .info{width:90%;margin:1rem auto;font-family:"Open Sans",sans-serif}@media screen and (max-width:600px){.modal{width:100%;height:100%;border-radius:0}.modal .title .weapon-img{width:40%;top:35%}}@keyframes fadeInOpacity{0%{opacity:0}to{opacity:1}}.weapon{width:27vw;height:40vh;max-width:550px;max-height:330px;border-radius:2rem;position:relative;padding:1rem 2rem;background-color:#333;text-align:center;display:grid;grid-template-columns:repeat(2,1fr);cursor:pointer;justify-self:center;transition:.3s}.weapon:hover{transform:translateY(-7px)}.weapon:before{content:"";position:absolute;width:30vw;max-width:100px;height:12vh;opacity:.2;top:85%;left:75%;transform:translate(-50%,-50%);background-image:url(/static/media/Fortnite-Logo.ea947ff7.png);background-position:50%;background-repeat:no-repeat;background-size:contain}.weapon img{width:100%;min-width:87px}.weapon .weapon-data,.weapon img{justify-self:center;align-self:center}.weapon .weapon-data{display:flex;flex-direction:column}.weapon .weapon-data .demege,.weapon .weapon-data .name{font-size:1.5rem;font-weight:600;margin:.4rem auto}.common{box-shadow:0 0 20px 1px #6a6a6a;background:radial-gradient(#bbb,#6a6a6a)}.uncommon{box-shadow:0 0 20px 1px #1c5817;background:radial-gradient(#79bd46,#1c5817)}.rare{box-shadow:0 0 20px 1px #164987;background:radial-gradient(#27a8e6,#164987)}.epic{box-shadow:0 0 20px 1px #5c2b93;background:radial-gradient(#b161e6,#5c2b93)}.legendary{box-shadow:0 0 20px 1px #813e1d;background:radial-gradient(#f09a37,#813e1d)}.mythic{box-shadow:0 0 20px 1px #655211;background:radial-gradient(#b19538,#655211)}.transcendent{box-shadow:0 0 20px 1px #903135;background:radial-gradient(#be4b46,#903135)}@media screen and (max-width:1024px){.weapon{width:40vw;height:55vh;max-height:220px}}@media screen and (max-width:600px){.weapon{width:85vw;max-width:330px}}
/*# sourceMappingURL=main.ad39bf84.chunk.css.map */