* {
            margin : 0;
            padding : 0;
            font-family : system-ui;
        }
        .logo {
            background : linear-gradient(45deg , var(--high-text-button) , var(--low-text-button));	
            background-clip: text;
            color: transparent;
            font-weight: bold;
            font-size: 40px;
            display : flex;
            justify-content : center;
            text-align : center;
        }
        .breaker {
        	width : 100%;
        	margin : 5px auto;
        	height : 2px;
        	background-color : var(--card);
        }
        .sidebar {
            width: 220px;
            background-color: var(--background);
            color: var(--base-text);
            height: 100vh;
            padding: 20px;
            position: fixed; /* Keeps it fixed */
        }

        .sidebar ul {
            list-style: none;
            padding: 0;
        }

        .sidebar ul li {
            margin: 20px 0;
        }

        .sidebar ul li a {
            color: var(--base-text);
            text-decoration: none;
            display: block;
            padding: 10px;
            border-radius: 5px;
        }

        .sidebar ul li a:hover {
            background-color: var(--card);
        }