.jsb{
    justify-content: space-between;
}
@media only screen and (max-width: 250px) {
    body{
        display: none;
    }
    html{
        &::after{
            content: "Seriously?";
            display: grid;
            place-items: center;
            min-height: 90vh;
            text-align: center;
            font-size: 1.5rem;
            font-weight: bold;
        }
    }
}
.uppercase{
    text-transform: uppercase;
}

.btn-loader-wrap{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.spinner{
    width:16px;
    height:16px;
    border:2px solid rgba(255,255,255,0.4);
    border-top:2px solid white;
    border-radius:50%;
    display:inline-block;
    animation:spin .7s linear infinite;
}

@keyframes spin{
    to{
        transform:rotate(360deg);
    }
}

.strikeout{
    text-decoration: line-through;
}

/* 
@view-transition {
  navigation: auto;
}

::view-transition-old(root),
::view-transition-new(root) {
  animation-duration: 300ms;
  animation-timing-function: ease-out;
}

::view-transition-old(root) {
  animation-name: slide-out;
}

::view-transition-new(root) {
  animation-name: slide-in;
}

@keyframes slide-out {
  from { opacity: 1; }
  to   { opacity: 0; }
}

@keyframes slide-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

aside{
    view-transition-name: site-aside;
}

h1{
    view-transition-name: site-heading;
}

.title{
    view-transition-name: site-title;
}

.top-title{
    view-transition-name: site-top-title;
}

.footer-text{
    view-transition-name: site-footer-text;
} */