.external{
display: inline-flex; width: 100%; flex-wrap: wrap;
}
.external h1{
width: 100%; text-align: center;
}
.external .list{
width: 100%; display: inline-flex; flex-wrap: wrap; justify-content: center;
}
.external .item{
max-width: 400px; display: inline-flex; flex-wrap: wrap; margin: 25px; flex-direction: column;
}
.external .item .image{
margin: 0 auto;
}
.external .item img{
height: 250px; max-width: min(100%, 400px); object-fit: contain; transition: transform .5s ease;
}
.external .item img:hover{
text-decoration: none; -webkit-transform: scale(1.1); transform: scale(1.1);
}
.external .item div{
margin-top: 10px; max-width: min(calc(100vw - 40px), 400px);
}
.external .item .sub{
color: grey;
}
.external .item a:hover{
text-decoration: none;
}
.external .item p:last-child{
margin-bottom: 0;
}
.external .more{
margin-top: 50px; margin-right: 25px; margin-left: auto; padding: 10px; display: inline-flex; border: 1px black solid; border-radius: 5px; color: initial;
}
.external .more:visited{
color: initial;
}