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

@media screen and (max-width: 769px) {	
	
body{
		background-color: black;
	background-image: url("profile背景スマホ.jpg");
	background-size: 100%;
	background-repeat: no-repeat;

}

h1{
	font-family: "Tsunagi Gothic Black";
	color:white;
	letter-spacing: 10px;
	text-align:left;
	margin: 100% 0 0 3%;
}

h2{
	font-family: "Tsunagi Gothic Black";
	color:white;
	font-size: 12px;
	letter-spacing: 10px;
	text-align:left;
	margin: 1% 0 0 3.5%;
	
}


h3{	font-family: "Tsunagi Gothic Black";
	color:white;
	font-size: 10px;
	letter-spacing: 5px;
	text-align:left;
	margin: 4% 0 0 3.7%;
	
}

h4{	font-family: "Tsunagi Gothic Black";
	color:white;
	font-size: 15px;
	letter-spacing: 5px;
	text-align:left;
	margin: 20% 0 0 3.7%;
	
}


div{	font-family: "07やさしさアンチック";
	color:white;
	font-size: 11px;
	text-align:left;
	margin: 15% 0 0 3.5%;
	line-height: 1.5vw;
	letter-spacing: 3px;
	line-height: 10vw;
	}

.highlight {
	background-color: yellow;
	background: linear-gradient(transparent 20%, yellow 0%);
}
a {
	text-decoration: none;
		color: white;
	font-size:25px;
}

a:hover{
	color:yellow;
}

.skill {
	font-family: "07やさしさアンチック";
	color:white;
	font-size: 12px;
	text-align:left;
	margin: 3% 0 0 3.5%;
	letter-spacing: 3px;
	line-height: 20px;
}

.bottom {
	margin:30% 0 0 0;}
}

@media screen and (min-width: 769px) {	
	
body{
		background-color: black;
	background-image: url("profile背景.jpg");
	background-size: 100%;
	background-repeat: no-repeat;

}

h1{
	font-family: "Tsunagi Gothic Black";
	color:white;
	letter-spacing: 10px;
	text-align:left;
	margin: 5% 0 0 3%;
}

h2{
	font-family: "Tsunagi Gothic Black";
	color:white;
	font-size: 1vw;
	letter-spacing: 10px;
	text-align:left;
	margin: 1% 0 0 3.5%;
	
}


h3{	font-family: "Tsunagi Gothic Black";
	color:white;
	font-size: 1vw;
	letter-spacing: 5px;
	text-align:left;
	margin: 1% 0 0 3.7%;
	
}

h4{	font-family: "Tsunagi Gothic Black";
	color:white;
	font-size: 1vw;
	letter-spacing: 5px;
	text-align:left;
	margin: 5% 0 0 3.7%;
	
}


div{	font-family: "07やさしさアンチック";
	color:white;
	font-size: 1vw;
	text-align:left;
	margin: 3% 0 0 3.5%;
	line-height: 1.5vw;
	letter-spacing: 3px;
	line-height: 1.5vw;
	}

.highlight {
	background-color: yellow;
	background: linear-gradient(transparent 20%, yellow 0%);
}
a {
	text-decoration: none;
		color: white;
	font-size:5vw
}

a:hover{
	color:yellow;
}

.skill {
	font-family: "07やさしさアンチック";
	color:white;
	font-size: 1.2vw;
	text-align:left;
	margin: 3% 0 0 3.5%;
	line-height: 1vw;
	letter-spacing: 3px;
	line-height: 1.5vw;
}

.bottom {
	margin:30% 0 0 0;}
}