* {
    font-family: 'Roboto', sans-serif;
    color: #e4e4e4;
    text-decoration-thickness: 1px;
}

body{
    background-color: #0e0e13;
}

.home-title{
    width:500px;
    display: flex;
    flex-flow: wrap;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    justify-content: center;
    align-items: center;
}

.home-title hr{
    width:100%;
}

.home-items{
    width:100%;    
    display: flex;
    flex-flow: wrap;
    margin: 0 auto;
    margin-top: 100px;
    padding: 10px;    
    position: relative;
    justify-content: center;
    align-items: center;
}

.home-items-row{
    width:100%;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.home-items-content{
    width:100%;
    height:250px;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
    background-color: #20202e;
    border-radius: 20px;
    display:block;
}

.home-items-content img{
    position:absolute;
    width:auto;
    height:auto;
    display:block;    
    max-width: 150px;
    max-height: 150px;
    margin:auto;
    padding-top:10px;
    top:30%;
    left:50%;
    transform: translate(-50%, -50%);
    border-radius: 20px;
}

.home-items-content h1{
    position: absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%, -50%);
}

.home-items-content h2{
    position: absolute;
    bottom:0;
    left:50%;
    transform: translate(-50%, -50%);
}