.container-index{
    float:left;
    position:relative;
    background-color: var(--main-color);
    height: 100%;
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content: space-between;
}

.container-index > img{
    width: 55%;
    margin-top: 20vw;
}


.container-index > div{
    width:100%;
    margin-bottom: 16vw;
}

.container-index a{
    position:relative;
    width:90%;
    display:block;
    margin:5vw auto;
    border-radius:2vw;
    border:none;
    font-size:7vw;
    padding:5vw 10vw;
    text-align:center;
    box-shadow: 0 0 10px #d8d6d6;
    text-decoration:  none;
    background-color: var(--main-color);
    color: var(--text-color-main);
}

.container-index a.log-in{
    color: #fff;
    border: 0.5vw solid var(--second-color);
    background-color: var(--second-color);
    margin:20vw auto 10vw;
}

.container-index a.sign-up{
    background-color:var(--text-color-main);
    color: var(--second-color);
    border: 1px solid var(--second-color);
}
.container-index .logo-return{
    width: 60vw;
    position: fixed;
    bottom: 0;
    height: 61vw;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 50% 50% 0 0;
    padding: 1vw;
    box-shadow: 0 0 10px #8a8a8a;
}
.container-index .logo-return img{
    width: 80%;
    display: block;
    margin: 6vw auto 0;
}
.container-index p{
    color:#fff;
    width:45%;
    text-align:center;
    display:block;
    margin:5vw auto;
    font-size:5vw;
}

.footer-term{
    position: absolute;
    z-index: 500;
    width: 100%;
    bottom: 0;
    display: block;
    text-align: center;
}
