:root {
    /* main colors */
    --background: rgb(2,0,36);
    --secondary-backrgound: rgb(50, 50, 50);
    --primary: rgb(13, 115, 119);
    --Secondary-primary: rgb(20, 255, 236);

    /* logo colors */
    --dark-cyan: rgba(1,100,111,255);
    --cyan: rgba(58,167,152,255);
    --light-cyan: rgba(100,207,176,255);
}

* {
    margin: 0;
    padding: 0;
}

.gradiant-symbol {
    font-size: 45px;
    margin-top: 2.5px;
    background: linear-gradient(
        to bottom, 
        var(--dark-cyan),
        var(--cyan),
        var(--light-cyan)
    );
    background-size: 200%;
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    white-space: nowrap; 
}
.logo {
    display: flex;
    font-size: 50px;

}