body {
    background: linear-gradient(259deg, #EFEAFF 8.65%, #FFECEE 89.23%);
}
h1, h2, h3, h4, h5, h6, p, li, a, .btn {font-family: "Outfit", sans-serif;}
p {font-size:22px; line-height:32px; font-weight: 300;}
.logo {float: left; width: 200px; height: 200px;}
a, .nav-link, .btn-wallop {transition: 0.5s;}
a {cursor: pointer; text-decoration:none;}
a:hover {text-decoration: underline; color: #381a99;}
header .nav-link {
    color: #191816 !important;
    font-size: 18px;
    font-weight:500;
    transition: 0.5s;
}
header .nav-link:hover {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-color: #FF3E51;
    text-decoration-thickness: 3px;
}
.hero-art {margin:0 0 -50px;}
.shop-preview {
    background:#ffffff;
}
.price, .buy {font-weight: 500;}
.buy {font-size:22px; color: #5E2BFF;}
.fw {width: 100%; height: auto;}

.s-br {box-shadow: 10px 10px 4px 0 rgba(25, 24, 22, 0.10);}
.s-tl {box-shadow: -10px -10px 4px 0 rgba(25, 24, 22, 0.05);}

.event a {color: inherit; text-decoration-line: underline;}
.btn-wallop {border-radius: 50px; padding: 20px 30px; background: #5E2BFF; font-size: 24px; border: none;}
.btn-wallop:hover {background:#381a99;}

footer {background-color: #5E2BFF; text-align: center;}

footer .nav-link, footer p {color: #EDF8FF !important; font-weight: 400; font-size:18px; line-height:22px;}
footer .nav-link:hover {text-decoration-color: #92D3FF; text-decoration-thickness: 2px;}
footer .nav-link {border-right: solid 2px #92D3FF;}
footer .nav-link:last-of-type {border-right: none;}

@media (max-width: 991.98px) {
    .logo {width:175px; height:auto;}
    header .navbar-nav {margin-top:2em}
    header .nav-item {padding:0 !important; margin-bottom:3px;}
    header .nav-link {padding:1.5em !important; background:#ffffff; border-radius:10px;}
    header .nav-link:hover {text-decoration:none; background-color: #BFAAFF;}
    footer .d-flex {display:block !important;}
    .navbar-light .navbar-toggler, .navbar-toggler:active {border:none !important;}
    .navbar-toggler-icon {width: 2em; height: 2em;}
    .navbar-toggler:focus {box-shadow: 0 0 0 0;}
 }
 @media (max-width: 767.98px) {
     .mtb-sm {margin:1em 0 !important;}
 }