@import url("https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,400,600,700");

* {
    box-sizing: border-box;
}


@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");

@import url("https://fonts.googleapis.com/css2?family=M+PLUS+Code+Latin:wght@100..700&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Ojuju:wght@200..800&display=swap');



.code-latin-text {
  font-family: "M PLUS Code Latin", monospace;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.roboto-mono-text" {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}


.ojuju-text {
  font-family: "Ojuju", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

html {
   	  font-family: "Ojuju", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 100;
  	font-style: normal;
    line-height: 1.14286em;
    
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-height: 100%;
}

@media print {
    html {
        font-size: 12pt;
    }
}

body {
	/*
	font-family: "Montserrat", sans-serif;
    */
    font-family: "M PLUS Code Latin", monospace;
    margin: 0;
    padding-top: 96px;
    color: #000;
    background-color: #000;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(128, 128, 128, 1) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(128, 128, 128, 1) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(128, 128, 128, 1) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 1) 0%, rgba(128, 128, 128, 1) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(128, 128, 128, 1) 20%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=0);

}

.container-fluid {
	width: 95%;
}

ul {
	list-style: none;
}

#divrgpd {
    box-shadow: inset 0 12px  15px -4px rgba(128, 128, 128, 1), inset 0 -12px  8px -4px rgba(255, 255, 255, 1);
    width: 380px;
    height: 200px;
    margin: 10px;
    background: white;
}
	

.card-header {
	  font-family: "Ojuju", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
	font-size:28px;
}


.tagcloud, .tagcloud a {
 font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
	color: #bdc3c7;
}

/*******************
use profile section
******************/

.user-profile {
  text-align: center;
  position: relative; 
}

.profile-img {
    width: 50px;
    margin: 0 auto;
    border-radius: 100%; 
}
.profile-img::before {
      -webkit-animation: 2.5s blow 0s linear infinite;
      animation: 2.5s blow 0s linear infinite;
      position: absolute;
      content: '';
      width: 50px;
      height: 50px;
      top: 0;
      margin: 0 auto;
      border-radius: 50%;
      z-index: 0; 
}




@keyframes shrink-to-regular {
  from {
    min-height: 100%;
  }
  to {
    min-height: 1%;
  }
}