@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Texturina:ital,opsz,wght@0,12..72,100..900;1,12..72,100..900&display=swap');

body {
    font-family: "Texturina", serif;
  font-optical-sizing: auto;
  font-weight: 14px;
  font-style: normal;
  background-color: rgb(35, 37, 44);
  color: rgb(180, 190, 229);
}
h1 {
    font-size: 36px;
  font-weight: 700;
  text-shadow: 2px 2px 1px black;
  position: relative;
}
h1 img{
    position: relative;
    height: 34px;
    margin-right: 10px;
    animation: slide 10s linear infinite;
}
@keyframes slide {
    0% {
      left: 0px;
      transform: scaleX(1);
    }
    50% {
      left: 50px; transform: scaleX(1);
    }
    51% {
        left: 49px; transform: scaleX(-1);
      }
    100% {
      left: 0px;
      transform: scaleX(-1);
    }
  }
.input-group {
    margin-bottom: 10px;
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type="text"] {
    width: 100%;
    padding: 15px 5px;
    box-sizing: border-box;
    font-family: "Source Code Pro", serif;
    font-optical-sizing: auto;
    font-size: 16px;
    font-style: normal;
    border: 1px solid black;
}
input#slug {
    background-color: rgb(113, 122, 156);
    color: #fff;
}
button {
    padding: 8px 16px;
  background-color: #E9A524;
  color: white;
  border: none;
  cursor: pointer;
  margin: 10px 0 20px 0;
  font-weight: 700;
}
.container {
    max-width: 900px;
  position: relative;
  margin: auto;
}