body {
    --ThemeColor: rgb(222, 111, 0);
    --ThemeColor_rbga: rgba(222, 111, 0, 0.5);

    background: linear-gradient(90deg, var(--ThemeColor) 0%, #000851 25%, #000851 75%, var(--ThemeColor) 100%);
}

.TextContainer {
/*        position: relative;*/
    /*        background-color: rgba(28, 181, 224, 0.42);*/
    /*       border: #3ff solid medium;*/

    /*    border: var(--ThemeColor) solid medium;*/
    background-color: var(--ThemeColor_rbga);
    border-style: solid;
    border-color: var(--ThemeColor);
    border-radius: 20px;

    width: 80%;
    max-width: 650px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
}
.TextContainerMid{
    visibility: hidden;
}
@media screen and (max-width: 658px){
    /*.TextContainer{
        border-color:green;}*/
    .TextContainerMid{
        display:none;
    }
}

.TextContainer p {
    margin: 0 20px 0 20px;
    color: beige;
    text-align: center;
}

.TextContainer p a {
    color: aquamarine;
}

h1 {
    font-size: 24px;
    background: -webkit-linear-gradient(#eee, var(--ThemeColor));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    text-decoration: none;
    /*    margin-top: 15px;
    margin-bottom: 0;*/
    margin: 20px 20px 0 20px;
}

.flexcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap-reverse;
    justify-content: center;

}
      
.flexitem {

    margin-bottom: 25px;
    align-self: auto;
    align-items: center;
    
    background-color: var(--ThemeColor_rbga);
    border-radius: 15px;
    border: var(--ThemeColor);
    border-style: solid;
}

.flexcontainer p {
    margin: 0 20px 0 20px;
    color: beige;
    text-align: center;
}