*{
    margin:0;
    padding:0;
    font-family: Roboto;
}
body{
    height: 100%;
}
div#main{
    align-items: center;
    justify-self: center;
    flex-wrap: wrap;
    flex-direction: column;    display:flex;
    height:400vh;
    background:linear-gradient(indigo, purple, blue,cyan);
}

h1{
    margin:30px;
    font-weight: 700;
    font-size: 3em;
    transition: font-size 0.3s, color 0.3s;
}

h1:hover{
    font-size:3.2em;
    color:rgba(0,0,0,0.7);
    
}

div#menu{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    background-color: rgba(0,0,0,0.2);
    top:0;
    position: sticky;
    padding-top: 5px;
    box-sizing: border-box;
    justify-content: space-evenly;
}

a.item{
    text-decoration: none;
    color:whitesmoke;
    /*
    border:1px solid white;
    border-width: 0 1px 0 1px;
    */
    padding: 5px 10px;
    font-size: 30px;
    margin-bottom: 5px;
    transition: font-size 0.3s;
}
    
a.item:hover{
    font-size: 34px;
}