/* @import url(//fonts.googleapis.com/css?family=Muli); */
/* @import url(//fonts.googleapis.com/css?family=Trocchi); */

@import url(//fonts.googleapis.com/css?family=Raleway:400,700|Montserrat&display=swap);
/* @import url(//fonts.googleapis.com/css?family=Bowlby+One+SC|Changa+One|Chewy|Luckiest+Guy|Titan+One|Baloo+Thambi|Capriola|Londrina+Shadow|Sirin+Stencil|Vast+Shadow&display=swap); */

@import url(//fonts.googleapis.com/css?family=Londrina+Shadow|Londrina+Solid&display=swap);

@import url(//fonts.googleapis.com/css?family=Rancho&effect=anaglyph|emboss|fire|fire-animation|neon|outline|shadow-multiple|3d|3d-float);

/* #marquee {
	overflow-x: marquee-line;
	marquee-style: scroll;
	marquee-speed: fast;
} */

.marquee {
  height: 60px;
  width: auto;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: 60px;
  position: absolute;
  overflow: hidden;

  animation: marquee 10s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}


#rotator img{
    transform-origin:50% 50%;
    animation:8s rotateRight infinite linear;
}

@keyframes rotateRight{
    100%{ transform:rotate(360deg); }
}

body {
    /* background: url(https://pubwriter.com/images/net.jpg); */
    background: black;
    /*  Padding: Top, Left, Bottom, Right  */
    /* padding: 0em 2em 0em 2em; */
    /* margin: 1em 2em 1em 2 em; */
}

.navbar {
  /* background-color: #4990a8!important; */
  background-color: #9A3C2B!important;
}

.pubwriter {
  box-shadow: none;
  border: none;
  margin: 5rem 0rem 2rem 0rem;
}

body {
  box-shadow: none;
  border: none;
  margin: 5rem 0 2rem;
  font-size: 2em;
  /* color: #4990a8; */
  /* color: #fac24a; */
  color: #db5b44;
}

.pubwriter footer {
  box-shadow: none;
  border: none;
  /* margin: 5rem 0 2rem; */
  font-size: .5em;
}

h1, .pubwriter h1 {
  /* font-family: 'Londrina Solid', cursive; */
  font-family: 'Rancho';
  font-size: 2.5em;
  color: #4990a8;
  text-shadow: .04em .04em 0 #000,.08em .08em 0 whitesmoke;
  -webkit-text-shadow: .04em .04em 0 #000, .08em .08em 0 whitesmoke;
  /* font-size: 4em; */
  text-align: center;
  /* font-family: 'Changa One', sans-serif; */
  /* font-family: 'Chewy', sans-serif; */
  /* font-family: 'Luckiest Guy', sans-serif; */
  /* font-family: 'Titan One', sans-serif; */
  /* font-family: 'Bowlby One SC', cursive; */
  /* font-family: 'Raleway', sans-serif; */
  /* margin-top: 2.5rem; */
}

h2, .pubwriter h2 {
  /* font-family: 'Londrina Solid', cursive; */
  font-family: 'Rancho';
  font-size: 1.5em;
  color: #58c4e8;
  /* text-shadow: .04em .04em 0 #000,.08em .08em 0 whitesmoke; */
  /* -webkit-text-shadow: .04em .04em 0 #000, .08em .08em 0 whitesmoke; */
  /* font-size: 4em; */
  text-align: center;
  /* font-family: 'Changa One', sans-serif; */
  /* font-family: 'Chewy', sans-serif; */
  /* font-family: 'Luckiest Guy', sans-serif; */
  /* font-family: 'Titan One', sans-serif; */
  /* font-family: 'Bowlby One SC', cursive; */
  /* font-family: 'Raleway', sans-serif; */
  /* margin-top: 2.5rem; */
}

h3, .pubwriter h3 {
/* font-family: 'Londrina Solid', cursive; */
font-family: 'Rancho';
font-size: 1.2em;
  /* font-family: 'Changa One', sans-serif; */
  /* font-family: 'Chewy', sans-serif; */
  /* font-family: 'Luckiest Guy', sans-serif; */
  /* font-family: 'Titan One', sans-serif; */
  /* font-family: 'Bowlby One SC', cursive; */
  /* font-family: 'Raleway', sans-serif; */
  /* font-family: 'Montserrat', sans-serif; */
  text-align: center;
  /* color: #9d3d27; */
  color: #58c4e8;
  /* margin-top: 2.5rem; */
  /* text-shadow: .04em .04em 0 #fff,.08em .08em 0 #aaa; */
  /* -webkit-text-shadow: .04em .04em 0 #fff, .08em .08em 0 #aaa; */
}

h4, .pubwriter h4 {
  /* font-family: 'Changa One', sans-serif; */
  /* font-family: 'Chewy', sans-serif; */
  /* font-family: 'Luckiest Guy', sans-serif; */
  /* font-family: 'Titan One', sans-serif; */
  /* font-family: 'Bowlby One SC', cursive; */
  font-family: 'Raleway', sans-serif;
  text-align: center;
  /* margin-top: 2.5rem; */
  }

h5, .pubwriter h5 {
  /* font-family: 'Changa One', sans-serif; */
  /* font-family: 'Chewy', sans-serif; */
  /* font-family: 'Luckiest Guy', sans-serif; */
  /* font-family: 'Titan One', sans-serif; */
  /* font-family: 'Bowlby One SC', cursive; */
  font-family: 'Raleway', sans-serif;
  text-align: center;
  /* margin-top: 2.5rem; */
  }

p, ul, ol, .pubwriter p, ul, ol {
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'Montserrat', sans-serif;
  /* color: #fac24a; */
  color: #db5b44;
  /* font-weight: bold; */
  /* font-family: "Muli"; */
  font-size: 1.5rem;
  /* line-height: 1.75rem; */
  /* text-align: center; */
}

/* .pubwriter a {
  color: #900;
} */
/* .pubwriter a:hover {
  text-decoration: underline;
  color: #23527c;
} */

/* Blockquotes */
blockquote, .pubwriter blockquote {
  display: block;
  background: url(https://pubwriter.com/images/net.jpg);
  /*  Padding: Top, Left, Bottom, Right  */
  padding: 1em 1em 1em 3em;
  /*  Margin: Top, Left, Bottom, Right  */
  margin: 1em 1em 1em 1em;
  position: relative;

  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #000;
  /* text-align: justify; */

  /*Borders - (Optional)*/
  border: 3px solid black;

  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

.pubwriter blockquote::before {
  content: "\201C"; /*Unicode for Left Double Quote*/

  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #000;

  /*Positioning*/
  position: absolute;
  left: 10px;
  top: 5px;
}

blockquote, .pubwriter blockquote::after {
  /*Reset to make sure*/
  content: "";
}

.pubwriter blockquote a {
  text-decoration: none;
  background: #fff;
  cursor: pointer;
  padding: 0 3px;
  color: #27a2d5;
}

blockquote, .pubwriter blockquote a:hover {
  color: #666;
}

blockquote, .pubwriter blockquote em {
  font-style: italic;
}

/* font-family: 'Luckiest Guy', cursive; */
/* font-family: 'Bowlby One SC', cursive; */
/* font-family: 'Chewy', cursive; */
/* font-family: 'Titan One', cursive; */
/* font-family: 'Changa One', cursive; */

/* You can also load OTF fonts!  */
/* @font-face {
    font-family: pomp;
    src: url("../fonts/pomp.otf") format("opentype");
} */

/* Hover Button */

.rtbutton {
  position: absolute;
  right: 1em;
  border: none;
  width: auto;
  height: 32px;
  background-color: #eee;
  transition: all ease-in-out 0.2s;
  cursor: pointer;
}

.rtbutton:hover{
  border: 1px solid #888;
  background-color: #ddd;
}

/* @font-face { */
    /* font-family: 'Raleway', sans-serif; */
    /* font-family: 'Luckiest Guy', cursive; */
    /* font-family: 'Bowlby One SC', cursive; */
    /* font-family: 'Chewy', cursive; */
    /* font-family: 'Titan One', cursive; */
    /* font-family: 'Changa One', cursive; */
    /* font-weight: bold; */
/* } */

.navbar {
  /* background-image: url("../images/green.jpg"); */
  /* background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad); */
  /* background-size: 400% 400%; */
  /* animation: bganimation 15s infinite; */
  /* color: yellow; */
}

.navbar {
  /* background-image: url("../images/green.jpg"); */
  background-color: #4990a8
  /* background-image: linear-gradient(125deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad); */
  /* background-size: 400% 400%; */
  /* animation: bganimation 15s infinite; */
  color: #4990a8;
}
/*
@keyframes bganimation {
  0%{
    background-position: 0% 50%;
  }
  50%{
    background-position: 100% 50%;
  }
  100%{
    background-position: 0% 50%;
  }
} */

/* .navbar-nav a {
  font-family: pomp;
  src: url("../fonts/pomp.otf") format("opentype");
} */

.navbar-nav a {
  font-family: 'Raleway', sans-serif;
  font-size: 1.5rem;
  color: #fac24a;
  /* font-family: 'Luckiest Guy', cursive; */
}

.navbar-nav p {
  font-family: 'Raleway', sans-serif;
  font-size: 1.5rem;
  color: #fac24a;
  /* font-family: 'Luckiest Guy', cursive; */
}


/* .navbar-brand  {
  font-family: pomp;
  src: url("../fonts/pomp.otf") format("opentype");
  text-transform: uppercase;
} */

/* Define Font for Site Title (Left) */
.navbar-brand  {
  font-family: 'Raleway', sans-serif;
  font-size: 1.5rem;
  color: #fac24a;
  /* font-family: 'Luckiest Guy', cursive; */
  /* font-family: 'Bowlby One SC', cursive; */
  /* font-family: 'Titan One', cursive; */
  /* font-family: 'Chewy', cursive; */
  /* text-transform: uppercase; */
}

.scroll-box img {
  overflow: hidden; /* Hides out of frame content */
  /* Optional */
  border: 1px solid; /* The border */
  width: 500px; /* Fixed width instead of 100% */
  margin-left: auto; /* Centering */
  margin-right: auto; /* Centering */
}

.scroll-left img {
/* position: absolute; */
/* width: 100%; */
/* height: 100%; */
margin: 0;
line-height: 100px;
text-align: center;
/* Starting position */
-moz-transform:translateX(100%);
-webkit-transform:translateX(100%);
transform:translateX(100%);
/* Apply animation to this element */
-moz-animation: scroll-left 10s linear infinite;
-webkit-animation: scroll-left 10s linear infinite;
animation: scroll-left 10s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
0% { -moz-transform: translateX(100%); }
100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
0% { -webkit-transform: translateX(100%); }
100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
0% {
-moz-transform: translateX(100%); /* Browser bug fix */
-webkit-transform: translateX(100%); /* Browser bug fix */
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%); /* Browser bug fix */
-webkit-transform: translateX(-100%); /* Browser bug fix */
transform: translateX(-100%);
}
}