@font-face { font-family: Afacad Flux; 
			 src: url('./static/AfacadFlux-Regular.ttf'); } 

body {
    height:100%;
    background-color:#111113;
    font-family: Afacad Flux, sans-serif;
}

.title {
    color:#F3EFF5;
    text-align: center;
    padding:4%
}

.responsive-three-columns {
    display:flex;
    flex-wrap:wrap;
    margin:0 16% 4% 16%
}

.responsive-three-columns * > {
    width:100%;
}

.responsive-three-columns * > img {
    width:90%;
    height:auto;
    padding:5%
}

@media (min-width:1000px) {
    .responsive-three-columns > * {
        width:calc(100% / 3);
    }
}

/*
img:hover {
    cursor:pointer;
    opacity:0.5;
    transition:0.5s;
}
*/