@import url('https://fonts.googleapis.com/css?family=Architects+Daughter:400');
@import url('https://fonts.googleapis.com/css?family=Ewert:400');

body{
background:url('http://data.whicdn.com/images/216103625/original.gif')fixed;
font-family:  Architects Daughter;
	 font-weight: 400;
	 font-style: normal;
	 font-size: 16px;
	 line-height: 30px;


  
}

.city{
text-indent: -9999px;
  line-height: 0;
}

.city:after {
  content: "Forgotten Realms" !important;
  text-indent: 0;
  display: block;
  line-height: initial;
}

.usertitle:after {
  content: " (Kuda-Gitsune)";
  font-size: 10px;
}

textarea{
  animation: 
   
    blink-caret .75s step-end infinite; 

}

.img-rounded{
background:url('http://i.imgur.com/LjNnwk2.gif');
}

.panel-heading{
font-family: Architects Daughter;
padding: 0 0 0 5px;
font-size: 1.5em;
font-weight: lighter;
}

.circle.item458> img {
display: none;
}

.circle.item458::before {
content: url(http://i.imgur.com/LWcjKq9.png);

}


.circle.item459> img {
display: none;
}

.circle.item459::before {
content: url(http://i.imgur.com/iwRCaA8.png);

}

.circle.item460> img {
display: none;
}

.circle.item460::before {
content: url(http://i.imgur.com/iwRCaA8.png);
height: 30%;
width: 30%;

}

.circle.item466> img {
display: none;
}

.circle.item466::before {
content: url(http://i.imgur.com/iwRCaA8.png);
height: 50%;
width: 50%;
}

.circle.item465> img {
display: none;
}

.circle.item465::before {
content: url(http://i.imgur.com/LWcjKq9.png);
height: 50%;
width: 50%;
}

.usertitle {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;   
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
} @media (min-width: 1025px) {.dropdown-menu, .modal-content, .panel, .list-group-item {  background-color: rgba(250, 250, 250, 0.9); } }html, body {background: #000000;background-attachment: inherit;}.nav-pills>li>a {color: #bf5300 }body a {color: #733200 } .nav-pills>li {background: rgba(249,238,230,0.9) } body .navbar-inverse .navbar-nav>li>a:hover, body .nav-pills .active a:hover, body .btn-info:hover, body a.list-group-item.active:hover {background-color: #4c2100 } body .smallertop {background-color: #994200 } body .navbar-orange { background-color: #BF5300 } body .btn-info, body a.list-group-item.active, body .nav-pills .active a { background-color: #BF5300 } body .panel, body .btn-info, body .btn-info:hover, body a.list-group-item.active, body .navbar-orange { border-color: #994200; } .dropdown-menu a { color: #333; } .panel-default>.panel-heading { background-color: #cc7533; } .blogTitle, a.list-group-item.active, body .navbar-orange .navbar-nav>li>a, .navbar-inverse .col-sm-12:not(.smallertop) .navbar-nav>li>a, .panel-default>.panel-heading, body .nav-pills .active a, .btn-info { color:#ffffff; } body a.navbar-brand .rezregular { color:#ffffff !important; } 
        
        @import url('https://fonts.googleapis.com/css?family=Architects+Daughter:400');
@import url('https://fonts.googleapis.com/css?family=Ewert:400');

body{
background:url('http://data.whicdn.com/images/216103625/original.gif')fixed;
font-family:  Architects Daughter;
	 font-weight: 400;
	 font-style: normal;
	 font-size: 16px;
	 line-height: 30px;


  
}

.city{
text-indent: -9999px;
  line-height: 0;
}

.city:after {
  content: "Forgotten Realms" !important;
  text-indent: 0;
  display: block;
  line-height: initial;
}

.usertitle:after {
  content: " (Kuda-Gitsune)";
  font-size: 10px;
}

textarea{
  animation: 
   
    blink-caret .75s step-end infinite; 

}

.img-rounded{
background:url('http://i.imgur.com/LjNnwk2.gif');
}

.panel-heading{
font-family: Architects Daughter;
padding: 0 0 0 5px;
font-size: 1.5em;
font-weight: lighter;
}

.circle.item458> img {
display: none;
}

.circle.item458::before {
content: url(http://i.imgur.com/LWcjKq9.png);

}


.circle.item459> img {
display: none;
}

.circle.item459::before {
content: url(http://i.imgur.com/iwRCaA8.png);

}

.circle.item460> img {
display: none;
}

.circle.item460::before {
content: url(http://i.imgur.com/iwRCaA8.png);
height: 30%;
width: 30%;

}

.circle.item466> img {
display: none;
}

.circle.item466::before {
content: url(http://i.imgur.com/iwRCaA8.png);
height: 50%;
width: 50%;
}

.circle.item465> img {
display: none;
}

.circle.item465::before {
content: url(http://i.imgur.com/LWcjKq9.png);
height: 50%;
width: 50%;
}

.usertitle {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;   
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
} @media (max-width: 767px) {
.navbar-offcanvas {
  left: -250px;}
}