@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");
:root {
  background-color: #1e293d; }
  :root h3 {
    color: #c1d1ee;
    text-shadow: white -1px 0px; }

@font-face { }

@keyframes loading {
  /* play loading gif */ }

@keyframes post-change {
  0% {
    opacity: 0;
    translate: -100%; }
  100% {
    opacity: 1;
    translate: 0%; } }

@keyframes move-post {
  0% {
    opacity: 0;
    translate: -100%;
    scale: 2; }
  100% {
    opacity: 1;
    translate: 0%;
    scale: 1; } }

header {
  min-width: 75vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  /* padding: 15px 15px; */
  gap: 3%;
  margin: auto;
  position: relative;
  min-width: 100%;
  border-radius: 12px 12px 0px 0px;
  text-transform: lowercase;
  background-color: white;
  font-size: small; }
  header img {
    width: 50px;
    height: auto;
    object-fit: contain; }

button {
  box-shadow: none;
  text-shadow: none; }

hr {
  border-top: 1px dashed; }

.content {
  position: relative;
  background-color: white;
  margin: auto;
  margin-top: 1%;
  min-height: 30vh;
  max-width: 50vw;
  border-radius: 6px;
  padding: 1% 2%;
  color: #143d88; }
  .content img {
    width: 100%; }

.banner {
  background-color: white;
  display: flex;
  margin: auto;
  margin-top: 2px;
  justify-content: center;
  min-height: 8vh;
  min-width: none; }

#slide-animate {
  animation: post-change 1s forwards; }

h1, a, a:visited, a:hover, a:active {
  color: #143d88; }

code {
  white-space: pre-wrap !important; }