main
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 80px) ;
    width: 100%;
    z-index: 997;
    margin-top: 10px;
    margin-bottom: 10px;
}


p,h2,h1
{
    display: flex;
    justify-content: center;
    align-items: center;
    
}

p,h2,h1,h3,h5,a
{
    color: var(--secondary-color);
}

.text
{
    width: 40%;
    display: block;
    border: 1px dashed var(--secondary-color);
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

h3
{
    font-size: 0.9rem;
    margin-bottom: 5px;
}

h5
{
    font-size: 0.8rem;
    margin-bottom: 5px;
}

p
{
    width: 100%;
    font-size: 0.8rem;
}

.image
{
    position: relative;
    height: 250px;
    width: 250px;
    border: 1px dashed rgba(242, 142, 44, 0.8);
    border-radius: 10px;
}



.setting
{
    height: 250px;
    height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    z-index: 996;
}

.construction
{
    position: absolute;
    height: 175px;
    height: 175px;
    top: -35%;
    left: 45%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 995;
}

@media screen and (max-width:650px) 
{
    main
    {
        flex-direction: column;
        margin: 20px 0;
    }

    .text
    {
        margin: 0;
        margin-bottom: 85px;
        width: 400px;
    }

    p,h3,h5
    {
        text-align: center;
    }

    p
    {
        width: 100%;
    }
}