@font-face {
    font-family: "Gilroy";
    src: url("Gilroy-Regular.eot");
    src:
            local("Gilroy Regular"),
            local("Gilroy-Regular"),
                /*url("Gilroy-Regular.eot?#iefix") format("embedded-opentype"),*/
                /*url("Gilroy-Regular.woff2") format("woff2"),*/
                /*url("Gilroy-Regular.woff") format("woff"),*/
                /*url("Gilroy-Regular.ttf") format("truetype"),*/
            url("/static/fonts/Gilroy-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body {
    --background-color: #222222;
    --text-color: #F1F1F1;
    --accent-color: #FF4C0D;
    --bg-header-color: rgba(0, 0, 0, 0.93);
    --bg-footer-color: #151515;
    --bg-footer-color2: #333333;

    --bg-card: rgba(0, 0, 0, 0.5);

    background-color: var(--background-color);
    background-image: url("https://lk.i-t.fun/teslamt-static/site/background.svg"), url("https://lk.i-t.fun/teslamt-static/site/noise-0.3.png");
    background-size: 100%;
    background-repeat: repeat;
    margin: 0px;
    font-family: 'Gilroy';
}

.white {
    --background-color: #F1F1F1;
    --text-color: #222222;
    --accent-color: #FF4C0D;
    --bg-header-color: rgba(255, 255, 255, 0.93);
    --bg-footer-color: #F1F1F1;
    --bg-footer-color2: #F1F1F1;

    --bg-card: rgba(255, 255, 255, 0.93);
}


div p h1 h2 h3 h4 h5 h6 a img button {
    margin: 0px;
}

.h {
    color: var(--text-color);
}

.a {
    color: var(--text-color);
}

del {
    text-decoration: line-through;
    text-decoration-color: red;
}

.orange {
    color: #ff4c0d;
}

.gray {
    color: #535353;
}

.p80 {
    font-size: calc(80px * 1.33);
    color: var(--text-color);
}

.p45 {
    font-size: calc(45px * 1.33);
    color: var(--text-color);
}

.p30 {
    font-size: calc(30px * 1.33);
    color: var(--text-color);
}

.p25 {
    font-size: calc(25px * 1.33);
    color: var(--text-color);
}

.p22 {
    font-size: calc(22px * 1.33);
    color: var(--text-color);
}

.p20 {
    font-size: calc(20px * 1.33);
    color: var(--text-color);
}

.p18{
    font-size: calc(18px * 1.33);
    color: var(--text-color);
}

.p16 {
    font-size: calc(16px * 1.33);
    color: var(--text-color);
}

.p14 {
    font-size: calc(14px * 1.33);
    color: var(--text-color);
}

.p12 {
    font-size: calc(12px * 1.33);
    color: var(--text-color);
}

.pm0 {
    margin: 0;
}

.p10 {
    font-size: calc(10px * 1.33);
    color: var(--text-color);
}

.w300 {
    font-weight: 300;
}

.w400 {
    font-weight: 400;
}

.w500 {
    font-weight: 500;
}

.w700 {
    font-weight: 700;
}

input {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

select {
    display: block;
    width: 100%;
    margin-bottom: 15px;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.wrapper {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.info-container {
    display: flex;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.info-container-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-align: center;
    background-color: #bddaed;
    border: 2px solid #1b5983;
    border-radius: 15px;
    padding: 10px;
}