html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

@font-face {
font-family: 'Grilled Cheese';
src: url(https://file.garden/ZceRIIBo0FZgJaaA/font/GrilledCheese%20BTN%20Regular.woff);
}

@font-face {
font-family: 'Shag Expert Lounge';
src: url(https://file.garden/ZceRIIBo0FZgJaaA/font/ShagExpert-Lounge.otf);
}

body {
background-color: #71018e;
background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/bg/ttm%20art%20bg%202.svg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
cursor: default;
}

::-webkit-scrollbar {
width: 15px;
height: 15px;
}
::-webkit-scrollbar-thumb {
background-color: #BDBDBD;
border-top: 1px solid white;
border-left: 1px solid white;
border-right: 1px solid black;
border-bottom: 1px solid black;
}
::-webkit-scrollbar-track {
background-color: #fff;
background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/asset/scrollbar2.png);
}
::-webkit-scrollbar-button {
background-color: darkgrey;
background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/asset/scrollbar1.png)
}
::-webkit-scrollbar-button:vertical:start {
background-position: -45px 0;
}
::-webkit-scrollbar-button:vertical:end {
background-position: 0 0;
}
::-webkit-scrollbar-button:horizontal:start {
background-position: -15px 0;
}
::-webkit-scrollbar-button:horizontal:end {
background-position: -30px 0;
}

ol,
ul {
list-style: none;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1040px;
    }
}

a:link {
color: yellow;
text-decoration: none;
}
a:visited {
color: yellow;
text-decoration: none;
}
a:hover {
color: orange;
text-decoration: underline wavy;
cursor: pointer;
}

::selection {
color: orange;
background-color: yellow;
}

p {
font-family: 'Shag Expert Lounge';
color: white;
}
 
.glightbox-mobile p {
font-family: 'Shag Expert Lounge';
color: white;
}

.bar {
padding-top: 5px;
padding-bottom: 10px;
text-align: center;
}

.hover-image:hover {

cursor: pointer;
}

header {
text-align: center;
font-family: 'Grilled Cheese';
color: white;
font-size: 75px;
padding: 10px;
text-shadow: #420052 2px 0px 0px, 
#420052 1.75517px 0.958851px 0px, 
#420052 1.0806px 1.68294px 0px, 
#420052 0.141474px 1.99499px 0px, 
#420052 -0.832294px 1.81859px 0px, 
#420052 -1.60229px 1.19694px 0px, 
#420052 -1.97998px 0.28224px 0px, 
#420052 -1.87291px -0.701566px 0px, 
#420052 -1.30729px -1.5136px 0px, 
#420052 -0.421592px -1.95506px 0px, 
#420052 0.567324px -1.91785px 0px, 
#420052 1.41734px -1.41108px 0px, 
#420052 1.92034px -0.558831px 0px;
}

.sub {
font-family: 'Shag Expert Lounge';
text-align: center;
font-size: 25px;
color: white;
text-shadow: #420052 2px 0px 0px, 
#420052 1.75517px 0.958851px 0px, 
#420052 1.0806px 1.68294px 0px, 
#420052 0.141474px 1.99499px 0px, 
#420052 -0.832294px 1.81859px 0px, 
#420052 -1.60229px 1.19694px 0px, 
#420052 -1.97998px 0.28224px 0px, 
#420052 -1.87291px -0.701566px 0px, 
#420052 -1.30729px -1.5136px 0px, 
#420052 -0.421592px -1.95506px 0px, 
#420052 0.567324px -1.91785px 0px, 
#420052 1.41734px -1.41108px 0px, 
#420052 1.92034px -0.558831px 0px;
}

.medium {
font-family: 'Shag Expert Lounge';
color: white;
text-shadow: #420052 2px 0px 0px, 
#420052 1.75517px 0.958851px 0px, 
#420052 1.0806px 1.68294px 0px, 
#420052 0.141474px 1.99499px 0px, 
#420052 -0.832294px 1.81859px 0px, 
#420052 -1.60229px 1.19694px 0px, 
#420052 -1.97998px 0.28224px 0px, 
#420052 -1.87291px -0.701566px 0px, 
#420052 -1.30729px -1.5136px 0px, 
#420052 -0.421592px -1.95506px 0px, 
#420052 0.567324px -1.91785px 0px, 
#420052 1.41734px -1.41108px 0px, 
#420052 1.92034px -0.558831px 0px;
}

.glightbox-mobile .medium {
font-family: 'Shag Expert Lounge';
color: white;
text-shadow: #420052 2px 0px 0px, 
#420052 1.75517px 0.958851px 0px, 
#420052 1.0806px 1.68294px 0px, 
#420052 0.141474px 1.99499px 0px, 
#420052 -0.832294px 1.81859px 0px, 
#420052 -1.60229px 1.19694px 0px, 
#420052 -1.97998px 0.28224px 0px, 
#420052 -1.87291px -0.701566px 0px, 
#420052 -1.30729px -1.5136px 0px, 
#420052 -0.421592px -1.95506px 0px, 
#420052 0.567324px -1.91785px 0px, 
#420052 1.41734px -1.41108px 0px, 
#420052 1.92034px -0.558831px 0px;
}

.home {
background-color: #420052;
border: none;
padding-left: 50px;
padding-right: 50px;
font-family: 'Grilled Cheese';
color: white;
height: 50px;
font-size: 30px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 100%;
position: absolute; 
top: 20px; 
left: 30px;
}
.home:hover {
cursor: pointer;
transform: scale(1.3);
filter: drop-shadow(0px 0px 10px white);
}

.box-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.box.show {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.box .inner {
    padding: 10px;
    position: relative;
}

.box a {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.box img {
height: 14em;
}


@media (min-width: 390px) {
        .box:hover a {
        transform: scale(1.3);
cursor: pointer;
    }
}