@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&display=swap');


body {background:#000000 !important; background-color:#000000;}

body a {
color:#999;
    text-decoration: none !important;
}

body a:hover {
    text-decoration: none !important; 
color:#84ffd1;
}

.gochi-hand-regular {
  font-family: "Gochi Hand", cursive;
  font-weight: 400;
  font-style: normal;
}

.handstyle {
      font-family: "Gochi Hand", cursive;
     font-weight: 400;
     font-style: normal;
}



a:hover {color:#84ffd1;}

.center {text-align:center;}
.textleft {text-align:left;}


.castle-home {width: 40px;}

#main {margin-top:15px;}


.SanMuper-TopNav {width:100%; height:25px; font-weight:500;}

.SanMuper-Navigation {width:100%; height:100px;}

.SanMuper-Header {
  height: 600px;
  background-color: lightblue;
  background: #D0E4F5 url("https://senorpress.com/wp-content/themes/senor-press/sanmuper-header.jpg") no-repeat scroll 50% 0%;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
} 

.SanMuperfeaturedPic {width:100%; border-radius:15px; height:auto;}

.SanMuper-Navigation {
	display: grid;
	/* grid-template-columns: 400px 1fr; */
	grid-template-rows: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	background: rgb(0, 0, 0, 0.5);
	border-radius:30px; 
	margin:5px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
}

.SanMuper-Nav {
    padding:15px;
  
}

.SanMuper-Featured {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 5px;
grid-row-gap: 10px;
background: rgb(0, 0, 0, 0.5);
border-radius:10px; 
margin: 5px;
}


.SanMuper-Portrait {border-radius:15px;}
.SanMuper-AboutSM {padding:15px;}

.SanMuperAbout {
display: grid;
grid-template-columns: 30% 70%;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}


.SanMuper3Boxes {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
	background: rgb(0, 0, 0, 0.5);
	border-radius:10px; 
}

.SanMuper4Boxes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	background: rgb(0, 0, 0, 0.5);
	border-radius:10px; 
	padding:15px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
}


.SanMuper-Logo {}
.SanMuper-Nav-Box{margin:5px; padding:5px; border-radius:15px; font-size:20px; text-decoration:none;  background-color: #629187;text-decoration:none;}
.SanMuper-Nav-Box:hover { background-color: #24534f; transition: background-color 0.5s ease; font-color:#84ffd1; color:#84ffd1; text-decoration:none;}

.SanMuper-Nav{
	display: grid;
	grid-template-columns: 100px 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr;
	background: rgb(0, 0, 0, 0.25); 
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
}

.SanMuper-Footer {text-align:center; margin-bottom:15px;}


.SanMuper-Footer-Box{margin:5px; padding:5px; border-radius:15px; font-size:20px; text-decoration:none;  background-color: #629187;text-decoration:none;}
.SanMuper-Footer-Box:hover { background-color: #24534f; transition: background-color 0.5s ease; font-color:#84ffd1; color:#84ffd1; text-decoration:none;}

.SanMuper-BuyMerch {border-radius:15px; width:auto;}


.SanMuper-Merch {width:100%;}

.SanMuper-GalleryBox {
    margin: 5px;

}


.vanity {padding:15px; background:#1f151e; color:#567567;}




.SanMuper-Randoms {background-color:#b13215;}

.SanMuper-newsbox {background-color:#232323;}



.top_up {
    background: rgb(244 112 11) !important;
}

.sanmuper-news-home {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	border-radius:10px; 
	padding:15px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
		
	}

.sanmuper-news-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	background: rgb(0, 0, 0, 0.5);
	border-radius:10px; 
	padding:15px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
		
	}

.SanMuper-News-Button{
    margin: 5px;
    padding: 5px;
    border-radius: 15px;
    font-size: 20px;
    text-decoration: none;
    background-color: #629187;
    text-decoration: none;
}

.SanMuper-Socials {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 2px;
	grid-row-gap: 2px;
	border-radius:10px; 
	padding:15px;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
}

.SanMuper-Social-Box{
	text-align:center;
}

@media only screen 
    and (max-device-width: 725px)
  and (-webkit-min-device-pixel-ratio: 2) {

	.SanMuper-Navigation {
	display: grid;
	grid-template-columns: 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	grid-template-rows: 1fr;
	width: 100%; 
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	
.SanMuper3Boxes {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius:10px; 
}

.SanMuper-Nav-Box{margin:5px; padding:0px; border-radius:10px; font-size:14px; text-decoration:none;}
.SanMuper-Footer-Box:hover { height:40px;}

}