body{
    background-color: black;   
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; 
    margin: 0px;
}
.container {
    width: 60%;
    display: flex; /* or inline-flex */
    flex-direction: column;
    gap:15px
    
  }
.row {
    display: flex;
    justify-content: center;
    
}

.logo{
    max-width: 20%;
}

.title{
    text-align: center;
    color: white;
    font-size: 2vw;
}

.links-container{
    display: flex; /* or inline-flex */
    flex-direction: column;
    gap:15px
}

.link{
    border: solid 1px white;
    color: black;
    background-color: rgb(232, 234, 237);
    margin: auto;
    text-decoration: none;    
    width: 100%;
    text-align: center;
    font-size: 3vw;
    cursor: pointer;
}

.link:hover{
    background-color: white;
}

@media only screen and (max-width: 600px) {
    .container {
      width: 90%;
      gap:20px
    }
    .links-container{
        gap: 20px;
    }
    .title{
        font-size: 7vw;
    }
    .link {
        font-size: 9vw;
    }
    .logo{
        max-width: 60%;
    }
  }