@font-face {
  font-family: 'Lexend';
  src: url('../../../assets/fonts/Lexend/Lexend-VariableFont_wght.ttf') format('truetype');
}

.footer {
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
  bottom: 0px;
  left: 0;
  width: 100%;
  color: rgb(255, 255, 255);
  opacity: 0.9;
  position: fixed;
  z-index: 100;
  background-color: rgb(210, 210, 69);
  text-shadow: 1px 1px 2px rgba(48, 48, 48, 0.4);
  font-family: Lexend !important;
  padding-bottom: 0.4em;
  padding-top: 0.4em;
  height: 34px !important;
}

.footer .icons {
  margin: 0 0 0.5em 0;
}

.footer .copyright {
  font-size: 0.8em;
  list-style: none;
  padding: 0;
}

.footer .copyright li {
  border-left: solid 1px rgba(155, 155, 155, 0.43);
  display: inline-block;
  line-height: 1em;
  margin: 0 0 0 0.75em;
  padding: 0 0 0 0.75em;
}

.footer .copyright li:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

.footer .copyright a {
  color: inherit;
}

.footer:hover {
  opacity: 1;
}

.footer > :last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 1680px) {
  #footer {
    bottom: 3.5em;
    left: 3.5em;
  }
}

@media screen and (max-width: 736px) {
  #footer {
    bottom: 2em;
    left: 2em;
  }
}

@media screen and (max-width: 360px) {
  #footer {
    bottom: 1.25em;
    left: 1.25em;
  }
}

@media screen and (max-height: 640px) {
  #footer {
    bottom: auto;
    left: auto;
    margin: 1em 0 0 0;
    position: relative;
  }
}

ol {
  list-style: decimal;
  margin: 0 0 2em 0;
  padding-left: 1.25em;
}

ol li {
  padding-left: 0.25em;
}

ul {
  list-style: disc;
  margin: 0 0 2em 0;
  padding-left: 1em;
}

ul li {
  padding-left: 0.5em;
}

ul.icons {
  cursor: default;
  list-style: none;
  padding-left: 0;
}

ul.icons li {
    display: inline-block;
    padding: 0 1em 0 0;
}

ul.icons li:last-child {
  padding-right: 0;
}

ul.icons li .icon:before {
  font-size: 1.25em;
}

ul.icons li a {
  color: inherit;
}

.swal-custom-class{
  font-size: 12px !important; 
}

.post-content-example{
  font-family:  Verdana, serif;
  font-size: 1rem;
  border: 1px solid #ccc;
  border-radius: 2.5px;
  padding: 12px;
  background-color: rgb(255, 255, 255);
  color: rgb(64, 140, 200);
}

.post-content-title{
  font-size: 1.548532ex;
}

.post-content-introduction{
  font-size: 0.883rem;
  margin-bottom: 4.3px;
}

.post-img-example{
  width: 100%;
  border-radius: 3.57px;
  height: 286.032px; object-fit: cover;
}

.post-img-ruster{
  
}

.post-img-footer{
  font-size: 0.6rem !important;
  margin-top: 12px;
  margin-bottom: 8.4px;
}

.post-content-text{
  font-size: 0.8rem;
  line-height: 1.5;
  margin-bottom: 1.5em;
  margin: 0px;
}

.prompt-animated {
  display: inline-block;
  font-family: monospace;
  font-size: 1.1em;
  color: rgb(248, 161, 92);
  border-right: 2px solid #222;
  white-space: nowrap;
  overflow: hidden;
  animation: typing 2.5s steps(30, end), blink-caret 0.7s step-end infinite;
}

@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #222; }
}

.menu{
  margin-top: 24px;
  margin-bottom: 24px;
}

.menu .icons .icon{
  margin: 2ex;
  color: rgb(28, 180, 149);
}

.btn-fluid-style{
  width: 80%;
  border-color: #2bb092 !important;
  border: none;
}