custom.css

/* Modifications copyright (C) 2019 Kamil Szurant */

.meshki-features i.fa {
  font-size: 5rem;
  margin-bottom: 20px;
}

.nav i.fa {
  font-size: 1.8rem;
}

.logo i.fa {
  padding-right: 8px;
}

div.share-links {
  display: -webkit-flex;
  display: -moz-box;
  display: inline-flex;
}

.share-links .fb-share:hover {
  color: #4570CC;
}

.share-links .tw-share:hover {
  color: #1DA1F2;
}

.share-links .gp-share:hover {
  color: #DB4437;
}

div.share-links i.fa {
  font-size: 4rem;
}

:not(pre)>code[class*=language-], pre[class*=language-] {
  background-color: #222 !important;
}

.title {
  font-size: 12vmax;
  padding-bottom: 10px;
}

.col {
  padding-bottom: 14px;
  padding-top: 14px;
  padding-left: 14px;
  padding-right: 14px;
}

.content {
  padding-top: 70px;
  padding-bottom: 70px;
}


.grid-table div div {
  text-align: center;
  border-style: solid;
  border-radius: 5px;
  font-size: 1.5rem;
  color: #222;
  background-color: #E0E0E0;
  margin-bottom: 5px;
}

.heading-font-size {
  font-size: 1.2rem;
  color: #959595;
  letter-spacing: 1px;
  vertical-align: middle;
}

.custom-textarea {
  height: 200px;
}

.custom-love {
  font-size: 1.7rem !important;
  color: red;
  animation: heart-beat 1s infinite;
}

.custom-down-cdn {
  width: 250px;
}

.clipboard-btn {
  float: right;
  position: absolute;
  right: 35px;
}

@media (min-width: 544px) {
  .custom-text-right {
    text-align: right;
  }
}

@keyframes heart-beat {
  0%   { opacity: 1; }
  100% { opacity: .5; }
}

.iframe-container-discord {
  overflow: hidden;
  padding-top: 122%;
  position: relative;
}
.buttonXsolla {
  background-color: red;
  border: none;
  color: white;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  font-size: 20px;
  margin: 4px 2px;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}
.x-buy-button-widget-simple {
  height: 100%;
}

.x-buy-button-widget-simple-button-block {
  height: 100%;
}

.x-buy-button-widget-simple-payment-button{
  height: 100%;
  display:table;
}

.x-buy-button-widget-simple-payment-button-amount {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  display:table-cell;
  vertical-align:middle;
  margin: 5px;
  /*margin: 10px 10px 0 0;*/
  /*margin: 10px 10px 0 0;*/
  /*padding: 5px 10px*/
}
/*.x-buy-button-widget-simple {*/
/*  background-color: red;*/
/*  border: none;*/
/*  color: white;*/
/*  padding: 20px;*/
/*  text-align: center;*/
/*  text-decoration: none;*/
/*  display: inline-block;*/
/*  font-size: 16px;*/
/*  margin: 4px 2px;*/
/*  border-radius: 8px;*/
/*}*/
.xsollaBA{
  width: 200px;
}

.nav li.nav-right a {
  padding: 12px 10px 0px;
}
/*.iframe-xsolla{*/
/*  width: 100%;*/
/*  height: 1100px;*/
/*  clip:rect(190px,1100px,800px,250px);*/
/*  top:-160px;*/
/*}*/
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
 
.iframe-container iframe, .iframe-container-discord iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

@media (min-width: 200px) {
    .content {
        width: 95%
    }
}
@media (min-width: 700px) {
    .content {
        width:80%
    }
}


  .yt {
    content: url(/imgs/youtube.png);
    width: 26px;
    height: 18px;
  }
  .twitch {
    content: url(/imgs/twitch.png);
    width: 18px;
    height: 20px;
  }
  .twitter {
    content: url(/imgs/twitterLogo.png);
    width: 20px;
    height: 20px;
  }

  .pannicked {
    content: url(/imgs/partners/pannicked.png);
    width: 128px;
    height: 128px;
    border-radius: 50%;
  }

  .krislihl {
    content: url(/imgs/partners/krislihl.jpg);
    width: 128px;
    height: 128px;
    border-radius: 50%;
  }

.steamwidget-conteiner{
  height: 190px;
}
.steamwidget-conteiner  iframe{
  border: 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  border: none;
}

.humblewidget-conteiner{
  height: 286px;
}

.humblewidget-conteiner  iframe{
  border: 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  border: none;
}

.humblewidget-conteiner-tip{
  height: 400px;
}

.humblewidget-conteiner-tip  iframe{
  border: 0;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  border: none;
}

@media (max-width: 496px) {
  .humblewidget-conteiner{
    height: 170px;
  }
}

.row {
  padding-bottom: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
}

.has-bg {
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.grey-bg {
  background-color: #2f3d46;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  margin-bottom: 0rem;
  margin-top: 0rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}

body {
  background-color: #111;
  font-size: 2rem;
  font-family: 'GraphikLC', 'Muli', Helvetica, Arial, sans-serif;
}

.outer {
  display: flex;
   flex-flow: wrap; 
  height: 100%;
}
 
.inner_remaining {
  flex-grow : 1;
}

.smaller-text {
  font-size: 1.2rem;
}

blockquote, dl, figure, table, p, ul, ol, form {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.cinzel {
  line-height: 1;
  /* font-size: 4rem; */
  font-variant: small-caps;
  font-family: Cinzel, 'Muli', Helvetica, Arial, sans-serif;
}

.feature-block {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 240px;
  position:relative;
}

.bottom-text {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 10%;
  position: absolute;
  right:0;
  left: 0;
  bottom: 1px;
}

.no-padding {
  padding: 0px;
}

.no-margin {
  margin: 0px;
}

footer, .footer {
  padding-top: 5px;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}