/* @media (min-width: 220px) and (max-width: 767px){ */
/* @media (min-width: 440px){ */
/* @media (min-width: 768px){ */
/* @media (min-width: 991px){ */
/* @media (min-width: 1024px){ */

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#linktree{
    margin: 0 auto;
    /* border: 1px solid gray;
    border-radius: 8px; */
    text-align: center;
    margin-top: 40px;
}

.link{
    display: block;
    border: 1px solid gray;
    border-radius: 8px;
    margin: 10px 10px;
    padding: 10px;
    transition: margin 0.2s;
    transition-timing-function: ease-in;
    color: black;
    text-decoration: none;
    font-size: 1.2rem;
}

.link:hover{
    margin: 10px 5px;
}

@media (min-width: 768px){
    #linktree{
        width: 50%;
    }
}