.loadout{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.loadout .loadout-perk{position:relative;text-align:center}@media (max-width:663px){.loadout .loadout-perk{width:50%}}.loadout .loadout-perk .frame{background-color:#404040;border:3px solid #1f2020;height:100px;margin:25px;overflow:hidden;position:relative;width:100px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.loadout .loadout-perk .frame:hover{border-color:#eee;cursor:pointer}.loadout .loadout-perk .frame.rare{background-color:#177513}.loadout .loadout-perk .frame.very-rare{background-color:#762089}.loadout .loadout-perk .frame img{width:150px;margin:-25px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.loadout .loadout-perk .frame i{display:table-cell;left:40px;position:relative;top:40px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.loadout select{margin-top:10px}.loadout-perk-list{background-color:#d41c1c;padding:10px;width:300px}.loadout-perk-list ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.loadout-perk-list ul li{border:1px solid #eee;margin-bottom:5px;padding:5px}.loadout-perk-list ul li:hover{cursor:pointer}*{z-index:auto}html{background-color:#181818;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.1)),to(rgba(0,0,0,.1))),url(../img/campfire.c27e0a23.png) no-repeat 50% fixed;background:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1)),url(../img/campfire.c27e0a23.png) no-repeat 50% fixed;background-size:cover}body{color:#eee;font-family:Roboto Condensed,sans-serif}h1,h2,h3,h4,h5,h6{text-transform:uppercase}h1{font-size:22px;font-weight:400}h2{font-size:20px;font-weight:700;margin-bottom:20px}h2 i{float:right}h3{font-size:18px;font-weight:700}h4{font-weight:300}h4,p{font-size:14px}a{color:#eee}i{margin-left:5px}#app{margin:0 auto;max-width:750px;width:100%}.container,nav{padding:20px}nav{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#1f2020;margin:20px 0;overflow:hidden}nav h1{float:left}nav a{float:right;font-size:24px}button{background-color:#d41c1c;border:none;color:#eee;cursor:pointer;font-family:Roboto Condensed,sans-serif;font-size:16px;margin:30px auto;padding:20px 30px}button:hover{background-color:#dd0001}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity 3s ease-in-out;transition:opacity 3s ease-in-out}.fade-enter-to{opacity:1}.fade-enter,.fade-leave-to{opacity:0}hr{background-image:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(hsla(0,0%,100%,.75)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.75),hsla(0,0%,100%,0));border:0;height:1px;margin:20px}.perk-info{background-color:#181818;color:#eee;text-align:left;width:300px;z-index:9999}.perk-info .perk-info-header{padding:10px}.perk-info .perk-info-header.rare{background-color:#177513}.perk-info .perk-info-header.very-rare{background-color:#762089}.perk-info .perk-info-desc{padding:10px}