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

#gazou{
	width: 500px;
		
}

.slider img{
	width: 100%;
}

example {
  position: relative;
  }
  
.example img {
  width: 100%;
  }
body{
	background-image: url("img/haike--.PNG");
background:#ddd url(img/haike--.png) no-repeat fixd center center;
background-size:cover;
color: #FFFFFF;}

a:link {
    color:#A9A8B1;
}
a:visited {
    color:#A8AFB6;
}
a:hover {
    color:#F81F23;

}
a:active {
    color: #968D8D;
}
.home,.profile,.works{
	text-align: center;
    border-radius: 50%;
	line-height: 100px;
    height: 100px;
    width: 200px;
	background-color: azure;
}

.Book,.Photo,.Graphic{
	text-align: center;
    border-radius: 50%;
	line-height: 100px;
    height: 100px;
    width: 200px;
	background-color: azure;
}

.wrap{
	justify-content: space-around;
display: flex;
}
h1{vertical-align:middle;
	text-align: center;}