@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Roboto+Slab:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Roboto+Slab:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Roboto+Slab:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Roboto+Slab:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lobster&family=Roboto+Slab:wght@400;700&display=swap);
*{padding:0;margin:0;box-sizing:border-box}html{width:100%}body{background-color:#422E20}.container{width:100%}.header{position:absolute;width:100%;height:50px;background-color:#0D9E22;opacity:0.8;display:flex;align-items:center}.header .title{color:white;margin-left:30px;font-family:'Lobster', cursive}.header nav{text-align:right;margin-left:auto;position:relative}.header nav ul{list-style:none;font-family:'Roboto Slab', serif}.header nav ul li{display:inline-block;margin-right:40px;font-weight:bold}.header nav ul li a{color:white;text-decoration:none}.header .cart::before{content:'';position:absolute;top:0;left:-10px;width:1px;height:100%;background-color:white}.header .cart{width:30px;height:30px;border-radius:50%;background-color:white;margin:0 10px;display:flex;align-items:center;justify-content:center;position:relative}.header .cart i{color:#403F4C}.header .cart span{line-height:1.5;text-align:center;width:15px;height:15px;background-color:red;color:white;border-radius:50%;font-size:10px;position:absolute;bottom:-5px;right:-5px}.header .cart::after{content:'';position:absolute;top:0;right:-10px;width:1px;height:100%;background-color:white}.header .login{margin:0 10px}.header .login a{text-decoration:none;color:white}.wallp{width:100%;height:400px;position:relative;top:0;z-index:-1;display:flex;align-items:center;justify-content:center}.wallp .image{background:url(/img/wallp.png);background-repeat:no-repeat;background-size:cover;background-position:center;filter:blur(0.5px);-webkit-filter:blur(0.5px);position:absolute;width:100%;height:100%}.wallp h1{font-family:'Roboto Slab', serif;text-align:center;color:white;text-shadow:1px 1px 1px black;position:relative;z-index:0}.wallp .box{background-color:#0D9E22;position:absolute;bottom:0;margin-bottom:20px;color:white;font-family:'Roboto Slab', serif;font-size:20px;font-weight:bold;padding:10px}.wallp .box.ip{bottom:55px}@media (min-width: 992px){.wallp .box.ip{left:0;bottom:0;margin-left:40px}.wallp .box.players{right:0;margin-right:40px}}

*{padding:0;margin:0;box-sizing:border-box}html{width:100%}body{background-color:#422E20}.container{width:100%}.footer-body{background-color:#0D9E22;color:white;text-align:center;font-family:'Roboto Slab', serif;width:100%;margin-top:20px;padding:20px}.footer-body .column-1{grid-column:1}.footer-body .column-2{grid-column:2}.footer-body .column-3{grid-column:3}.footer-body .links{font-size:1.2em}.footer-body .links li{margin-bottom:8px}.footer-body h2{margin-bottom:20px}.footer-body ul{list-style:none}.footer-body ul li{margin-bottom:5px}.footer-body ul li a{text-decoration:none;color:white}.footer-body ul li a i{font-size:1.1em}.footer-body ul li span{font-weight:bold}.subfooter{background-color:#F18F01;color:black;font-family:'Roboto Slab', serif;font-size:.9em;text-align:center;padding:2px}@media (min-width: 992px){.footer-body{display:grid;grid-template-columns:1fr 1fr 1fr}}

.grid .welcome,.grid .discord{margin-top:40px}.grid .welcome{grid-column:2}.grid .cards-sidebar{grid-column:4}.grid .side-card{margin-bottom:30px}@media (min-width: 992px){.grid{display:grid;grid-template-columns:5% 60% 5% 25% 5%}}

*{padding:0;margin:0;box-sizing:border-box}html{width:100%}body{background-color:#422E20}.container{width:100%}.card{color:white;width:100%}.card .title{border-radius:10px 10px 0 0;font-family:'Roboto Slab', serif;font-size:18px;font-weight:bold;width:100%;background-color:#0D9E22;padding:10px;box-sizing:border-box}.card .body{background-color:#676868;border-radius:0 0 10px 10px;width:100%;box-sizing:border-box}

.grid-card{display:grid;grid-template-columns:30% 70%;box-sizing:border-box}.grid-card .skin-head{grid-column:1}.grid-card .skin-head img{width:90%}.grid-card .user-info{display:flex;flex-direction:column;justify-content:center;grid-column:2;margin-left:5%}.grid-card .user-info .username{font-size:1.2em;font-weight:bold}.grid-card .user-info .package{font-size:1.1em}

.content{padding:20px;box-sizing:border-box}.discord-img{font-size:65px;text-align:center}.discord-online{text-align:center;font-size:20px}

*{padding:0;margin:0;box-sizing:border-box}html{width:100%}body{background-color:#422E20}.container{width:100%}.package-body{border:white solid 2px;border-radius:15px;background-color:#4e3c2f;width:100%}.package-body .image{display:block;width:50%;margin:auto;margin-top:20px}.package-body .title{text-align:center;color:white;font-family:'Roboto Slab', serif;font-size:14px}.package-body .price{color:#F18F01;font-family:'Roboto Slab', serif;font-size:24px;font-weight:bold;text-align:center;position:relative;left:-7px;margin:10px 0}.package-body .price span{color:#4AA0DD;font-size:.7em;position:absolute;bottom:-2px;margin-left:1px}.package-body .buy-btn{display:block;margin:20px auto;padding:15px;background-color:#0D9E22;color:white;width:70%;border:none;font-size:15px;font-family:'Roboto Slab', serif;font-weight:bold}.package-body .buy-btn:hover{cursor:pointer;background-color:rgba(13,158,34,0.8)}.package-body .buy-btn:focus{outline:none}.package-body .buy-btn:active{background-color:green;border:white 1px solid}@media (min-width: 992px){.footer-body{display:grid;grid-template-columns:1fr 1fr 1fr}}

*{padding:0;margin:0;box-sizing:border-box}html{width:100%}body{background-color:#422E20}.container{width:100%}.category-menu{width:100%;height:50px;display:flex;align-items:center;background-color:#4AA0DD;position:relative}.category-menu h2{color:white;font-family:'Lobster', cursive;margin-left:10px}.category-menu ul{list-style:none;position:absolute;right:0;margin-right:20px}.category-menu ul li{display:inline;font-family:'Roboto Slab', serif;font-size:18px;margin:0 10px;font-weight:bold}.category-menu ul li a{text-decoration:none;color:white}.category-menu ul li.cat-active{position:relative}.category-menu ul li.cat-active::after{content:'';height:4px;width:100%;position:absolute;bottom:-12.5px;left:0;background-color:white}.packages{display:grid;margin:15px 100px;grid-template-columns:repeat(3, 1fr)}.packages .package-card-component{margin:80px 40px}