:root {

   --background-color: #0D141C;

    --main-color: #0D141C;

   width: 100vw;

   }



body { 

    width: 100%;

  background: no-repeat center center fixed; 

  background: var(--background-color);

	font-family: "Montserrat", sans-serif;

	margin: 0;

}



img {

    width: 100%;

}



.Main-header {

    height: 100vh;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#9b5f159c), to(#452424d4)), url(../img/background.png);

    background-image: -o-linear-gradient(#9b5f159c, #452424d4), url(../img/background.png);

    background-image: linear-gradient(#9b5f159c, #452424d4), url(../img/background.png);

    background-size: cover;

}



.logoBar {

    margin-left: 18.25%;

    margin-right: 18.25%;

    padding-top: 50px;

        height: 350px;

        text-align: center;

}



.logoDiv {

    width: 30%;

    max-width: 300px;

    min-width: 200px;

  text-align: center;

      vertical-align: middle;

    display: inline-block;

    margin-left: 2%;

        margin-right: 2%;

}



.ipCopy {

    color: #FFFFFF;

    background: transparent;

    border: transparent;

    cursor: pointer;

}



span#players {

    font-weight: bold;

    color: #FFFFFF77;

    font-size: 0.7vw;

}



.playersText{

        font-weight: bold;

    color: #FFF;

    font-size: 0.7vw;

}



.membersText{

        font-weight: bold;

    color: #FFF;

    font-size: 0.7vw;

}



.server {

        display: inline-block;

    position: relative;

  font-size: medium;

  text-align: right;

  vertical-align: middle;

  width: 30%;

}



@media screen and (max-width: 1154px) {

    .server {

        display: none !important;

    }

    

    .discord {

        display: none !important;

    }

    

        .logoDiv {

            display: inline-block;

                max-width: 100%;

    min-width: 100%;

    width: 100%;

    }

    

    .logo {

    width: 200px;

  margin-left: auto;
    margin-right: auto;

    vertical-align: middle;

    }

}



.discord {

    position: relative;

	width: 30%;

	  display: inline-block;

  font-size: medium;

  text-align: left;

}



.serverText {

    display: inline-block;

    vertical-align: middle;

}



.serverIcon {

        display: inline-block;

    vertical-align: middle;

    padding: 10px;

    margin: 10px;

    background-color: #FFF;

    -webkit-border-radius: 10px;

            border-radius: 10px;

    vertical-align: middle;

}



.serverIcon i {

    display: inline-block;

    vertical-align: middle;

    font-size: 2vw;

    color: #000000DD;

}



.discordText {

    display: inline-block;

    vertical-align: middle;

}



.discordIcon {

    display: inline-block;

    vertical-align: middle;

    padding: 10px;

    margin: 10px;

    background-color: #FFF;

    -webkit-border-radius: 10px;

            border-radius: 10px;

}



.discordIcon i {

    display: inline-block;

    vertical-align: middle;

    font-size: 2vw;

    color: #000000DD;

}



small.ipCopy {

    display: block;

    margin-top: -2px;

    margin-right: -3px;

    font-weight: bold;

    letter-spacing: 3px;

    font-size: 0.9vw;

    text-transform: uppercase;

}



span#count {

    color: #FFFFFF77;

}



.navbar {

    width: 100%;

    display: inline-block;

    vertical-align: middle;

    -webkit-align-content: center;

        -ms-flex-line-pack: center;

            align-content: center;

        -webkit-box-align: center;

        -webkit-align-items: center;

            -ms-flex-align: center;

                align-items: center;

        text-align: center;

}



.navbarWrapper {

    width: 10vw;

        height: 10vw;

    padding: 10px;

        display: inline-block;

        -webkit-border-radius: 10px;

                border-radius: 10px;

        background-color: var(--main-color);

        -webkit-box-shadow: 0px 2px 6px rgba(255, 255, 255, 0.6);

                box-shadow: 0px 2px 6px rgba(255, 255, 255, 0.6);

        margin-left: 2vw;

        margin-right: 2vw;

}



.navbarBlock {

        width: -webkit-fit-content;

        width: -moz-fit-content;

        width: fit-content;

        display: inline-block;

            vertical-align: middle;

}



.navbar i {

    margin-top: 1.2vw;

    font-size: 3vw;

    color: #FFFFFF;

    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.6);

}



.navbar h1 {

    font-size: 2vw;

        color: #FFFFFF;

}