:root {
    --v4dark0: rgb(17, 17, 20);
    --v4grey1: rgb(26, 27, 31);
    --v4grey2: rgb(35, 39, 42);
    --v4grey3: rgb(51, 53, 61);
    --v4grey4: rgb(30, 33, 36);
    --v4midgrey: rgb(84, 86, 93);
    --v4lightgrey: rgb(186, 190, 196);
    --v4green: rgb(60, 184, 130);
    --v4green-second: rgb(60, 184, 170);
    --v4red: rgb(243, 90, 90);
    --v4red-second: rgb(250, 120, 95);
    --v4blue: rgb(49, 154, 215);
    --v4blue-second: rgb(49, 180, 225);
    --v4yellow: rgb(243, 214, 90);
    --v4yellow-second: rgb(250, 240, 130);
    --v4orange: rgb(255, 149, 20);
    --v4orange-second: rgb(250, 179, 40);
    --v4purple: rgb(148, 60, 184);
    --v4purple-second: rgb(182, 76, 226);
    --mainColorHex: #7cc576;
}

.data-writting-main {
    width: 100%;
    background-color: var(--v4grey1);
    color: white;
    font-family: Poppins, sans-serif;
    padding-top: 100px; /*Ez nem kell ha van már menü csinálva*/
}

.data-writting-content {
    min-height: calc(100vh - 254px);
    margin: auto;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
}

.data-writting-data {
    width: calc(500px);
    background-color: var(--v4dark0);
    border-radius: 10px;
    padding: 0px 15px;
    margin-top: 70px;
    margin-bottom: 40px;
}

.data-writting-data h2 {
    font-size: 1em;
}

@media (max-width: 600px) {
    .data-writting-data {
        width: 280px;
    }
}