body {
    background-color: #00ff0d;
}

body::after {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    content: url(../img/dec/logo\ dj.\ flugvél2.png);
}

.image1 {
        width: 240px;
        height: 200px;
        background-image: url(../img/press/Eldflaug1_by_bicnick\ \(1\).jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: auto;
        transition: all ease-in-out 240ms;
        border: 10px outset rgb(255, 234, 0) ;
        border-radius: 4px;
        }
        .image1:hover {
            background-color: black;
            width: 240px;
            height: 200px;
            background-image: url(../img/dec/logo\ dj.\ flugvél2.png);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center;
            margin-top: auto;
            border: 10px outset rgb(255, 234, 0) ;
            border-radius: 4px;
            }


    
.main-p {
    color: #ff00b7 ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    font-style: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    line-height: 28px;
    word-spacing: 4px;
    float: left;
    z-index: 100;

    background-color:rgb(0, 0, 0);
    order: 2;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 20;
    border: 10px outset rgb(255, 234, 0) ;
    border-radius: 4px;
    float: left;
}

.main-p2 {
    color: #00ff37 ;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    line-height: 28px;
    word-spacing: 4px;
    
    z-index: 100;

    background-color:rgb(0, 0, 0);
    order: 2;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 20;
    border: 10px outset rgb(255, 0, 179) ;
    border-radius: 4px;
    
}

.about-div{
    background-color: rgb(242, 73, 205);
    order: 2;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 20;
    border: 10px outset rgb(255, 234, 0) ;
    border-radius: 4px;
    float: left;
}

.about {
    background-color: rgb(255, 149, 0);
        order: 4;
        flex-grow: 0,6;
        flex-shrink: 0;
        flex-basis: 20;
        border: 10px outset rgb(13, 0, 255) ;
        border-radius: 4px;
        float: left;
   
}

.header-main {
width: 100%;
height: 80px;
background-color: rgb(255, 225, 0);
display: flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-content:normal;
gap:4px 12px;
align-items: center;
border: 14px outset rgb(195, 150, 253);
border-radius: 4px;
}

.header-main div
{
    height: 40px;
}


.header-main .div-1 {
    background-color: rgb(152, 73, 242);
    order: 2;
    flex-grow: 0,6;
    flex-shrink: 0;
    flex-basis: 20;
    border: 10px outset rgb(30, 255, 0) ;
    border-radius: 4px;
}

.header-main .div-2 {
    background-color: rgb(255, 0, 191);
    order: 1;
    flex-grow: 0,6;
    flex-shrink: 0;
    flex-basis: 20;
    border: 10px outset rgb(140, 0, 255) ;
    border-radius: 4px;
}

.header-main .div-3 {
    background-color: rgb(221, 162, 255);
    order: 3;
    flex-grow: 0,6;
    flex-shrink: 0;
    flex-basis: 20;
    border: 10px outset rgb(255, 0, 200) ;
    border-radius: 4px;
}

.header-main .div-4 {
        background-color: rgb(255, 149, 0);
        order: 4;
        flex-grow: 0,6;
        flex-shrink: 0;
        flex-basis: 20;
        border: 10px outset rgb(13, 0, 255) ;
        border-radius: 4px;
}

.game-div {
    background-color: rgb(255, 149, 0);
        order: 4;
        flex-grow: 0,6;
        flex-shrink: 0;
        flex-basis: 20;
        border: 10px outset rgb(13, 0, 255) ;
        border-radius: 4px;
        float: left;
}


{}
{}
{}
{}
{}
{}
{}