@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
       /* Colors*/
    --darkblue: #007bff;
    --blue: #1887d2;
    --green: #28a745;
    --yellow: #d8a816;
    --red: #dc3545;
    --purple: #605ca8;
    --indigo: #6610f2;
    --navy: #001f3f;
    --fuchsia: #f012be;
    --orange: #ff851b;
    --olive: #3d9970;
    --lime: #01ff70;
    --teal: #37adad;
    --gray: #525252;
    --darkgray: #343a40;
    --white: #e0e0e0;

    --akzentfarbe: #1887d2 ;
    --Akzentfarbe_Hover: #22a4fa;
    --discord: #5865F2;

    /* Backgrounds */
    --BG: #1a1d21;
    --BG_Hover: #3f3f3f;

    --NavbarBG: #111518;
    --NavbarSecondaryBG: #1f2125;
    --NavbarBorder: #2e2e2e;

    --SidebarBG: #111518;
    --SidebarBG_Active: #3f3f3f;
    --SidebarBG_Dropdown: #202020;
    --SidebarBG_Hover: #3f3f3f;

    --FooterBG: #111518;

    --Input: #1a1d21;
    --disabledInput: #171a1d;
    --InputBorder : #555555;

    /* Box */
    --BoxBG: #222529;
    --BoxSecondary: #2e3033;
    --BoxThird: #1c1e20;
    --BoxInBox: #2f3236;
    --BoxBGHover: #2c3035;
    --BoxBorder: 1px solid #353535;
    --BoxShadow: 0 4px 3px rgba(27, 26, 26, 0.65);
    --widgetColor: #2f2f2f;

    /* Modal */
    --ModalBG: #222529;
    --ModalTitleBorder : #4f4f50;
    --ModalCloseButton: #4d4d4d;

    /* Text */
    --TextColorButton: #fff;
    --TextColorTag: #f6f7f8;
    --TextColor:#9d9d9d;
    --TextSecondary: #dddddd;
    --TextInput: #bdbdbd;
    --TextAltTitle: #969696;
    --TextWidgetTitle: #acacac;
    --TextDark: #000000;
    --TextDisabled: #474747;

    /*Table Backgrounds*/
    --TableTheadBG: #26292e;
    --TableBG: #2e2e2e;
    --TableOddBG: #272727;
    --TableHoverBG: #2c2c2c;
    --TableBorder: #353535;

    /* Other */
    --NavbarHeight: 50px !important;
    --Footerheight: 50px;
    --borderStrong: #353535;

}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}

html {
	height: 100%;
}

body {
    background: red;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}