@import url('pallete.css');
@import url('fonts.googleapis.com');

*{
    font-family:'Roboto', sans-serif;
    color: var(--text); 
    text-decoration:none;
}

.page{
    width:100%;
    display:grid;
    justify-items:center;
}
p{
    margin:2px;
    
}
footer{
    height:100%;    
    background-color:var(--mantle);
}

body{
    background-color: var(--base);
    margin:0px;
    padding:0px;

}

nav{
    width:100%;
    display:flex;
    gap:30px;

    justify-content:center;
    text-align:center;
    align-items:center;
}

.header{
    width: 100%;
    height: 50px;
    display:flex;
    
    background-color: var(--surface0);
    
    margin-bottom:10px;
    text-align:center;
    align-items:center;
    justify-content: center;

    font-size: 18px;
    padding:5px;
}

.pageLink:hover{
    transform: scale(1.1);
}