*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}
        
body{
    background: url(../images/wp3672119.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.container{
    position:absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-45%);
    align-items: center;
}

.container .main{
    width: 100%;
    font-size: 5vw;
    display: flex;
    justify-content: center;
    color:#000000;
}

.container img{
    width: 50%;
}

.container .link {
    padding:10px;
    display:flex;
    flex-direction: column;
    align-items: center;
}
        
.container .link a{
    margin-top: 10px;
    color: #ffffff;
    font-size:2vw;
    border:1px solid #cf8d72;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    transition: 0.2s;
    background:#cf8d72
}

.container .link a:hover{
    color:#19828a ;
    background:transparent;
    border:1px solid #19828a;            
}

.container .link a i{
    margin-right:10px;
}
.container .link span{
    font-size: 2vw;
}