*{
    margin:0px;
    padding:0px;
}

html{
    background-color:beige;
}

.container{
    display:flex;
    flex-direction:column;
    justify-content: center;
    text-align:center;
    align-items: center;
    padding:2rem;
}

h1{
    margin-top:2rem;
    font-size:4.5rem;
}

p{
    margin-top:3rem;
    font-size:20px;
    display:flex;
    flex-direction:row;
}

#github-profile{
    color:green;
    cursor:pointer;
    transition:1s;
    margin:0px 5px 0px 5px;
}

a{
    color:black;
    /* display:block; */
    text-decoration:none;
}

a:hover{
    color:white;
}

#github-profile:hover{
    border:1px solid green;
    border-radius:10px;
    padding:12px;
}

ul{
    margin-top:3rem;
}

li{
    display:block;
    margin:2rem;
    list-style: none;
    cursor:pointer;
    border:1px solid black;
    border-radius:10px;
    padding:10px;
    transition:1s;
}

li:hover{
    background-color:black;
    color:white;
    transform:scale(1.1)
}