@import '../assets/nav-stylesheet.css';
@import '../assets/all-stylesheet.css';
@import '../assets/footer-stylesheet.css';

body::after{
    content:'';
    background-image: url('background.png');
    opacity:0.15;
    background-size:100%;
    top:0; bottom:0;
    left:0; right:0;
    position:fixed;
    z-index:-1;
}

main{
    margin-top:100px;
    padding-left:10vw;
    padding-right:10vw;
}
main > h1{
    text-shadow: 0 0 2px black;
}
main > div{
    padding:7vw;
    padding-top:0;
    
    display:flex;
    display:-webkit-flex;
    
    flex-flow:row wrap;
    -webkit-flex-flow:row wrap;
}
main > div > article {
    padding:3vw;
    text-align:center;
    width:25vw;
}

main > div > article .info {
/*    display:flex;*/
}
main > div > article .info > img {
    width:15vw;
    border-radius:20%;
    box-shadow: 0 0 10px black;
}
main > div > article .info > h2{
    text-shadow: 0 0 1px black;
}

.ref{
    color:#444;
    font-family:courier;
}
.ref:visited{
    color:#444;
}