@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap");

:root {
    --primary-bg-color: #f4f4f6;
    --primary-bg-image: linear-gradient(rgba(20, 20, 22, 0.4), rgba(20, 20, 22, 0.4)), url(/static/images/top.jpg);
    --primary-txt-color: #000000;
    --default-font: "Source Sans Pro", sans-serif;
    --secondary-txt-color: #555;
    --boxes-txt-color: var(--primary-txt-color);
    --with-bg-txt-color: #ffffff;
    --footer-titles-color: #666;
    --expressive-color: #31bdba;
    --expressive-color-alt: #f10545;
    --primary-box-color: #ffffff;
    --secondary-box-color: #ffffff;
    --member-area-box-color: #f3f3f3;
    --input-bg-color: #fcfcfc;
    --input-border-color: #d9d9d9;
    --default-border-radius: 10px;
    --portal-name-display: none;
    --logo-max-width: 330px;
    --devices-gradient-color-1: #5c7c95;
    --devices-gradient-color-2: #31bdba;
    --main-buttons-border: 3px solid black;
    --join-now-button-color: #f10545;
    --home-text-shadow: 0px 0px 10px #000;
}