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

.insta_list{
    display: flex;
	calc((100% - 30px)/6);
    flex-wrap: no-wrap;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
    list-style-type: none;
}

.insta_list li{
    position: relative;
    width: 100%;
	
}

@media screen and (max-width:750px){
	.insta_list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 10px 0;
    list-style-type: none;
}
    .insta_list li{
        width: calc((100% - 30px)/3);
    }
}

.insta_list li::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.insta_list a{
	position: absolute;
  top: 0;
  width: 90%;
  height: 90%;
}

.insta_list img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.insta_btn{
    background-color: #000;
    padding: .5em 1em;
    width: fit-content;
    margin: 0 auto;
    cursor: pointer;
    transition: .3s;
    border-radius: 5px;
}

.insta_btn a{
    color: #fff;
    text-decoration: none;
}

.insta_btn:hover{
    background-color: #999;
}
