* {
    pading: 0;
    margin: 0;
    box-sizing: border-box;   
}

html, body {
    font-family: 'Oswald', sans-serif;
    width: 100%;
    height: 100%;
    background: #ebebeb;
}

nav {
    margin: 25px 20%;   
    
}
nav input {
    font-size: 25px;
    height: 70px;
    width: 100%;
    border: 2px solid #c3c3c3;
    background: white;
    padding: 10px 20px;
    border-radius: 5px;
    outline: 0;
    letter-spacing: 1px;
    word-spacing: 8px;
    text-align: center;
    font-family: 'Oswald', sans-serif;

}


.referent {
    transition: opacity 0.2s;
    opacity: 0.75;
    display: inline-block;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
    background: white;
    border: 2px solid #c3c3c3;
    margin: 25px;
    width: 200px;
    height: 200px;
    background-size: cover;
    overflow: hidden;
}

.referent:hover {
    opacity: 1;   
}
.referent .infos {
    padding: 10px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background:rgba(0, 0, 0, 0.7);
    color: white;
    text-align: center;
}