phase.css

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

.root{
    --black: #171321;
    --dkblue: #0d314b;
    --plum: #4b0d49;
    --hotmag: #ff17e4;
    --aqua: #86fbfb;
    --white: #f7f8fa;
    --font-size: 1.3rem;
}

     body{
        background: radial-gradient(circle, rgba(162,50,20,1) 0%, rgba(16,4,103,1) 100%);;
        color: rgb(248, 253, 253);
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     }

a{
    color: var();
    text-decoration: none;
}
nav ul li{
    list-style: none;
}
nav ul{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 300px;
}
li a h1{
    color: var(--white)
}