.home {
    align-items: center;
    justify-content: center;
}

#main-home {
    width: 400px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.firstDot, .secondDot, .dotImage {
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
}

.firstDot {
    width: 330px;
    height: 330px;
    background: rgba(30,144,255, 0.4);
    position: absolute;
}

.secondDot {
    width: 260px;
    height: 260px;
    background: rgba(30,144,255, 1);
}

.dotImage {
    width: 240px;
    height: 240px;
    background: black;
    background-image: url(../assets/20200512_123730.jpg);
    background-size: cover;
}
.square-info, .infoUser {
    margin-top: 165px;
}
.square-info {
    background: rgb(17, 17, 17);
    width: 400px;
    border-radius: 3%;
}

.nameOccupationAndContact {
    width: 400px;
    margin: 0 auto;
}

.userName {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

.occupationUser {
    display: block;
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.contacts {
    display: flex;
    justify-content: center;
    margin: 10px 0 35px 0;
}

.social-media, .social-media:hover {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.social-media {
    border: 2px solid white;
    background: white;
}
.social-media:hover {
    background: rgba(30,144,255, 1);
    border: 2px solid rgba(30,144,255, 1);
}
.social-media img {
    width: 45px;
    height: 45px;
    background-size: cover;
}