@charset "utf-8";
/* CSS Document */

.p a{
	position: fixed;
	top: 5px;
	right: 180px;
	padding: 4px;
	text-decoration: none;
	color: white;
	text-shadow: black 1px 1px;
	transition: all 0.1s ease;
}

.p a:hover{
	color: indianred;
}

.w a{
	position: fixed;
	top: 5px;
	right: 80px;
	padding: 4px;
	text-decoration: none;
	color: silver;
	text-shadow: black 1px 1px;
	transition: all 0.1s ease;
}

.w a:hover{
	color: indianred;
}

.h{
	transition: all 0.1s ease;
}

.h:hover{
	filter: invert(50%) sepia(100%) saturate(5170%) hue-rotate(340deg) brightness(87%) contrast(111%);
}

main{
	position: fixed;
	flex-flow:column wrap;
	height: 100%;
	top: 95px;
	right: inherit;
	left: inherit;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

main::-webkit-scrollbar{
  display: none;
}

.illust{
	display: flex;
	flex-flow: row wrap;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: rgba(112,112,112,0.2);
}

.illust > div{
	margin-top: 1%;
	margin-bottom: 1%;
    margin-left: 8.8%;
    margin-right: 8.8%;
}

.illust > div img{
	width: 100%;
	transition: all 0.15s ease;
}

.illust > div img:hover{
	transform: scale(1.1,1.1)
}

.photo{
	display: flex;
	flex-flow: row wrap;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
	background-color: rgba(112,112,112,0.2);
}

.photo > div{
	margin-top: 1%;
	margin-bottom: 1%;
    margin-left: 8.8%;
    margin-right: 8.8%;
}

.photo > div img{
	width: 100%;
	transition: all 0.15s ease;
}

.photo > div img:hover{
	transform: scale(1.1,1.1)
}

.dcg{
	display: flex;
	flex-flow: row wrap;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 30px;
	margin-bottom: 150px;
	background-color: rgba(112,112,112,0.2);
}

.dcg > div{
	margin-top: 1%;
	margin-bottom: 1%;
    margin-left: 8.8%;
    margin-right: 8.8%;
}

.dcg > div img{
	width: 100%;
	transition: all 0.15s ease;
}

.dcg > div img:hover{
	transform: scale(1.1,1.1)
}


h1{
	color: white;
	text-shadow: black 1.5px 1.5px;
	width: 150px;
	padding-top: 5px;
	text-align: center;
}

.i{
	position: fixed;
	top: 53px;
	right: 153px;
}

.i a{
	color: white;
	font-size: 20px;
	text-decoration: none;
	transition: all 0.1s ease;
}

.i a:hover{
	color: gray;
}

.ph{
	position: fixed;
	top: 53px;
	right: 85px;
}

.ph a{
	color: white;
	font-size: 20px;
	text-decoration: none;
	transition: all 0.1s ease;
}

.ph a:hover{
	color: gray;
}

.d{
	position: fixed;
	top: 53px;
	right: 20px;
}

.d a{
	color: white;
	font-size: 20px;
	text-decoration: none;
	transition: all 0.1s ease;
}

.d a:hover{
	color: gray;
}

.s{
	position: fixed;
	top: 64px;
	right: 205px;
	font-size: 20px;
	color: red;
}