#siteList{
    margin-top:10vmin;
}
#siteList .type{
	display: flex;
	justify-content: center;

    margin:-3vmin;
    height:6vmin;
}
#siteList .type h1{
    position:absolute;
    font-size: 5vmin;
    top:1vmin;
    line-height: 5vmin;
	letter-spacing: 0.5vmin;
    opacity:0.1;
}
#siteList .type h2{
    line-height: 4vmin;
}

#siteList .site{
    margin:5vmin auto;
    display:grid;
    width:100%;
    max-width: 1280px;
    grid-template-columns: 1fr 1fr ;
}
.site div{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.site div img{
    position:absolute;
    left: 50%;
    transform: translate(-50%,0);
    opacity:0.1;
    max-width: 100%;
    max-height: 100%;
}
.site div h2{
    font-size: 2vmin;
    line-height:2vmin;
}
.site div .url{
    font-size: 1.5vmin;
    color:gray;
}
.site div .text{
    margin-top:1vmin;
}
.site a{
    margin:1vmin;
    width:calc(100% - 2vmin);
    background:#00ffd3;
    overflow:hidden;
}
.site a img{
    width:100%;
    height:100%;
    object-fit: cover;
    transition: scale 1s;
}
.site a:hover img{
    scale:1.2;
    opacity:0.5;
}