/*================ MASTER =================*/

body {
font-size: 15px;
margin: 40px;
font-family: arial;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
text-rendering:geometricPrecision;
text-wrap: pretty;
scroll-behavior: smooth;
line-height: 1.3;
color: black;
}

body::-webkit-scrollbar { 
display: none;  /* Safari and Chrome */
}

.winter {
display: block;
margin: auto;
width: 200px;
z-index: -88;
}

.hide{
display: none;
}

#visible {
cursor: pointer;
position: fixed;
margin: 0px;
z-index: 3;
}

.show {
display: block;
position: relative;
max-width: 100vw;
column-count: 3;
column-gap: 40px;
z-index: 2;
}

#back {
min-width: 100vw;
min-height: 100vh;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: white;
z-index: 1;
}

.name {
left: 56vw;
max-width: 240px;
}

.small {
font-size: 11px;
}

p {
break-before: column;
margin: 0px;
padding: 0px;
}

a {
color: black;
text-decoration: none;
}

a:hover, #visible:hover, .name:hover {
opacity: .77;
}

img {
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}

hr {
background-repeat: round;
height: 67px;
border: none !important;
background-image: url('thread2.png');
}

@media screen and (max-width: 860px) {

.name {
left: 66vw;
max-width: 120px;
}

.show {
column-count: 1;
}

p {
break-before: auto;
}

}