div {
    background-color: rgb(3, 3, 65);
    color: aliceblue;


}

p {
    column-count: 3;
    column-gap: 24px;
    font-size: 0.9rem;
    line-height: 1.7;
    margin-top: 12px;
    hyphens: auto;
}

.post {
    background-color: rgb(3, 3, 65);
}

#post1 {
    background-color: rgb(3, 3, 65);
}

h2 {
    text-shadow: rgba(249, 247, 247, 0.8) 0px 0px 20px;
    color: rgb(166, 228, 248);
}

h2 {
    font-size: 3rem;
    font-weight: 700;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: rgb(162, 207, 251);
    color: transparent;
    margin: 24px 0px 8px;
}

img {
    filter: grayscale(100%);
    width: 33.33%;
    object-fit: contain;
}

h1 {
    font-size: 8rem;
    font-weight: 400;
    line-height: 1.05;
    letter-spacing: -0.03em;
    margin-bottom: 8px;
    color: #a3b5fd;
}


#post1 img {
    margin-left: .33%;
}

#post2 img {
    margin-left: 33.33%;
}

#post3 img {
    margin-left: 66.66%;
}

@font-face {
    font-family: "MeineFont";
    /* ausgedachter name mit dem du dann arbeitest*/
    src:
        url("/fonts/meinefont.woff2") format("woff2"),
        url("/fonts/meinefont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

h2:hover {
    color: #c7d1f7;
    font-size: 2rem;
}

h2 {
    transition: 1s;
}