*{
    box-sizing: border-box;
}

body, html{
    font-family: 'Lobster', monospace; 
    margin: 0;
    padding: 0;  
    height: 100%;
}

h1{
    font-size: 50px;
    text-shadow: 4px 4px 6px white;
    
}

h2{
    font-size: 30px;
}

header{
    color: rgba(0, 0, 0, 0.9) ;
    background: linear-gradient(rgba(0, 162, 255, 0.4), rgba(255, 255, 255));
    padding:1px;
    height: 55%;
    text-align: center;
}

#list {
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-size: 20px;  
    margin-top: 50px;
    text-align: center;
    height: 30%;
}

li{
    display: inline;
    font-style: italic;
}

a{
    text-decoration:none;
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    padding: 16px;
    box-shadow: 4px 5px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease-in;
}

a:hover{
    color: rgba(0, 0, 0);
    background-color: rgba(0, 162, 255, 0.4);
    box-shadow: 2px 3px rgba(0, 0, 0, 0.2);
    padding: 14px;
}

footer{
    padding: 5px;
    height: auto;
    color: white;
    background: linear-gradient(rgba(15, 15, 15, 0.8), black);
    text-align: end;
}