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

body {
font-family: Times, sans-serif;
font-size: 14.8px;
line-height: 1.3;
margin: 260px 0px;
padding: 60px;
scroll-behavior: smooth;
max-width: 1600px;
background-color: white;
text-rendering:geometricPrecision;
}	

.info, .box {
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}

.info {
display: block;
position: absolute;
top: 60px;
}

.credit {
display: inline-block;
position: absolute;
top: 60px;
right: 60px;
}	
	
.box {
display: block;
max-width: 380px;
min-height: 1060px;
margin-right: 50px;
float: left;
transform: skewY(4deg);
}

.box img {
width: 100%;
padding-bottom: 10px;
-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;
}

a {
color: black;
}

a:hover {
text-decoration: none;
}

.expandable-text {
cursor: pointer;
}

.hidden-text {
display: none;
position: absolute;
left: 60px;
top: 80px;
max-width: 380px;
}

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

body {
margin-top: 192px;
padding: 20px;
}

.box {
margin-top: 88px;
margin-right: 0px;
padding-top: 0px;
min-height: 500px;
}

.info, .credit {
top: 30px;
}

.credit {
right: 20px;
z-index: 3;
}

.hidden-text {
top: 50px;
left: 20px;
max-width: 300px;
}

}