.mainContainer {
    margin: 0%;
    height: 100%;
    background-color: #36393f;
}

.mainTitle {
    position: absolute;
    display: flex;
    top: 0%;
    bottom: 80%;
    right: 0%;
    left: 0%;
    flex-direction: column-reverse;
}

.title {
    content: url("../media/img/logo.png");
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20%;
    padding-right: 20%;
}

.mainImg {
    position: absolute;    
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20%;
    bottom: 0%;
    right: 0%;
    left: 0%;
}