#buy_a_drink, #buy_a_drawing, #commission_a_painting, #acquire_a_painting {

}

body {

	margin:0;
	background-color:yellow;

	background-image:url(https://tombubul.info/twp/dracula-2.jpg);
	background-size:cover;
}

img.zola {

	width:70px;
	z-index:0;
	position:absolute;
	opacity:.4;
	top:8vh;
	left:75vw;
}

#basepage {

	background-color:white;
	border:15px groove blue;
	margin:1vh 1vw 1vh 1vw;

	min-height:94vh;
	min-width:94vw;

	background-image:url(cousins-background-60.jpg);
}

#basepage .text {

	background:white;
	border:1px solid blue;
	border-radius:30px;
	z-index:1;
	
	font-size:.9em;

	max-width:540px;
	
	margin:10px auto;
	padding:0 50px 20px 50px;
	display:block;

	line-height:1.3em;
}

p.title {

	font-size:1.5em; 
	text-align:center;
	vertical-align:middle;
}


p:last-of-type {
	margin-bottom:5px;
}

div#list {

	max-width:fit-content;
	margin:0 auto;
}

ul { 
	list-style-type: circle; 
	display:inline-block;
	min-width:fit-content;
	max-width:650px;
	text-align:center;
	padding:0;
}

li {
	display:inline-block;
	background:white;

	
	min-width:315px;
	max-width:350px;
	height:3em;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:1.5em;

	font-size:1.3em;

	text-align:center;
	vertical-align:top;
	border:1px solid blue;
	border-radius:20px;
}

li.commission::after {

	content: "\1F3A8";
}

li.drawing::after {

	content: "\270F";
}

li.painting::after {

	content: "\1F5BC";
}

li.drink::after {

	content: "\1F378";
}

li a {
	text-decoration:none;
	color:blue;
}

#honorroll {
	margin:0 auto 20px auto;
	background-color:white;
	display:none;

	font-size:.6em;
	max-width:400px;
}

.modal { 

	z-index:5;
	min-width:75vw;
	min-height:75vh;
	background:rgba(242, 255, 249, 1);
	border:5px dashed green;

	line-height:1.3em;

	position:absolute;
	top:5vh;
	left:5vw;
	right:5vw;

	display:none;
}

.modal .contents {

	padding:40px;
	margin-top:20px;
}

.contents h2 {

	font-size:3em;
	line-height:1em;
	text-align:center;
}

.close {

	position:absolute;
	top:15px;
	text-align: center;
	z-index:6;
	margin-left:81vw;
	padding-top:3px;

	color:white;
	vertical-align:middle;

	min-height:22px;
	min-width:28px;
	background-color:red;
	-moz-border-radius:20px;
	border-radius:20px;
}

a.close {
	text-decoration: none;
}

.infolink {
    font-size:0.6em;
    text-align:center;
    
    min-width:150px;
    width:fit-content;
    padding:2em;
    
    margin:5vh auto 0 auto;
    
    border:1px solid black;
    border-radius:25px;
    background:white;
}

div.infolink > a {
    
    font-style:italic;
    text-decoration:none; 
    color:black;
}