@font-face {
  font-family: 'Minecraft';
  src: url('https://cdn.jsdelivr.net/npm/skinview3d@3.4.1/assets/minecraft.woff2') format('woff2');
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
html{
  scroll-behavior: smooth;
}
body {
  color: white;
  background-color: #191919;
}
a{
  transition: 0.3s!important;
}

@media (min-width: 576px) {
  #loginForm, #registerForm {
    width: 500px;
    max-width: unset;
  }
}


.navbar {
  background-color: #191919;
}


.head-item {
  background-image: url("/img/bgm.jpg");
  background-size: cover;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 100vh;
  background-position: right center;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 650px) {
  .head-item {
    background-position: right -100px center;
  }
}

@media (max-width: 450px) {
  .head-item {
    background-position: right -150px center;
  }
}

.btn_start {
  color: #de6161;
  border-color: #de6161;
  width: 180px;
}

.btn_start:hover {
  color: white;
  background: #de6161;
}


.nick-link {
  text-decoration: none;
  color: #de6161;
  margin-right: 20px
}

.nick-link:hover {
  color: #954545;
  text-decoration: none;
}

.logout {
  cursor: pointer;
  transition: 0.3s;
  color: #939393;
  margin: 10px 20px 10px 0;
}

.logout:hover {
  color: #ff3d3d;
}

/* MARKETING CONTENT
-------------------------------------------------- */
.container.marketing {
  min-height: 50vh;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;

}
.container.lk {
  min-height: 100vh;
  min-width: 100vw;
  padding: 100px 0;
}
/* Center align the text within the three columns below the carousel */
.marketing .card{
  padding: 0px 0px 15px;
  margin: 20px;
  text-align: center;
  transition: 0.3s!important;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.53);
  border-radius: 10px;
  background-color: #292929;

}
.marketing h4 {
  font-weight: 400;
}
.marketing .card p {
  margin-right: .75rem;
  margin-left: .75rem;
}



/*================AuthStyle===================*/
.head-caption-auth {
  color:white;
  min-width: 100%;
  z-index: 10;
  margin: 10px;
}
.head-caption-auth > div {
  margin: auto
}

.block{
  position: relative;
  text-align: center;
  padding: 20px;
  backdrop-filter: blur(5px) brightness(80%);
  border-radius: 10px;
  box-shadow: 0px 4px 24px 1px rgba(0, 0, 0, 0.5);
}



.input-group-btn {
  display: flex;
  justify-content: space-between;
  width: 300px;
}

.file-input-wrapper {
  width: 210px;
  align-items: center;
  justify-content: center;
  display: inline-flex;
  background-color: #de6161;
  border-color: #de6161;
  transition: 0.3s;
}
.file-input-wrapper:hover {
  background-color: #954545;
  border-color: #954545;
}

.file-input-wrapper:focus {
  background-color: #954545;
  border-color: #954545;
}

.btn-primary {
  background-color: #de6161;
  border-color: #de6161;
  transition: 0.3s;
}

.btn-primary:hover {
  background-color: #954545;
  border-color: #954545;
}

.btn:focus {
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
}

.btn-primary:focus {
  background-color: #954545!important;
  border-color: #954545!important;
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
}


.file-input-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
  display: inline-block;
}

.file-input-name::before {
  content: '|';
  margin-right: 5px;
}

.block.profile {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.block.launcher {
  width: 340px;
  margin-top: 20px;
}

.block.launcher a {
  text-decoration: none;
}

.launchicons {
  display: flex;
  justify-content: space-around;
  margin: 20px;
}


.launchicon {
  font-size: 30px;
  color: #de6161;
  transition: 0.3s;
}

.launchicon:hover {
  color: #954545;
}

.java {
  color: rgba(255, 255, 255, 0.49);
  transition: 0.3s;
}

.java:hover {
  color: rgba(255, 255, 255, 1);
}

.btn-reg{
  margin-top: 5px;
}
.al{
  position: fixed;
  left: 10px;
  bottom: 0px;
  z-index: 1051;
}

.srvOffline{
  color:red;
}
.srvError{
  color:yellow;
}
.srvOnline{
  color:lime;
}

hr{
  background-color: rgb(200,200,200);
}

.punishment{
  color: rgb(255,100,100);
}

.bd-placeholder-img{
  margin-bottom: 20px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.col-md-4{
  margin-bottom: 20px !important;
}


.player{
  background: rgb(155, 155, 155);
  box-shadow: 0px 0px 20px  rgb(123, 123, 123) !important;
}

.player:hover{
  box-shadow: 0px 0px 50px  rgb(123, 123, 123) !important;
}

.vip{
  background: rgb(255, 204, 0);
  box-shadow: 0px 0px 20px  rgb(255, 196, 0) !important;
}

.premium{
  background: rgb(51, 204, 255);
  box-shadow: 0px 0px 20px  rgb(51, 136, 255) !important;
}


.vip:hover{
  box-shadow: 0px 0px 50px  rgb(255, 196, 0) !important;
}

.premium:hover{
  box-shadow: 0px 0px 50px  rgb(51, 136, 255) !important;
}



.donate{
  border-radius: 10px;
  padding:0px;
  margin-left: 25px;
  margin-right:25px;
  transition: 0.3s;
  margin-bottom: 50px;
}

.donateText{
  margin: 15px;
  margin-top: 5px;
}

.col-md > p > .btn-default{
  color: white;
}

.xml{
  color:blanchedalmond;
}


footer {
  padding: 10px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #1e1e1e;
}

.scrollup {
  cursor: pointer;
  transition: 0.3s;
  color: #939393;
  margin: 10px 20px 10px 0;
  font-size: 20px;
}

.scrollup:hover {
  color: #de6171;
}