* {
    box-sizing: border-box;
}
body {
    background-color: #36454f;
    margin: 0 auto;
    padding: 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    line-height: 1.5;
    max-width: 70em;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
h1,
h2,
h3,
p {
    margin: 0;
}
section {
    padding: .1em 0;
}
.container-head-1,
.container-head-2,
.container-head-3,
.container-main-1,
.container-main-2 {
    width: 90%;
    margin: 0 auto;
    max-width: 60em;
    font-weight: 500;
    font-size: 1.2rem;
}
.spacing>*+* {
    margin-top: var(--spacer, 1rem);
}
h1 {
    line-height: 1.25;
    font-size: 1.8rem;
    /*font-size: clamp(1.8em, calc(2vw + 0.8em));*/
    color: rgb(37, 54, 212);

}

.head-title {
    background: radial-gradient(orangered, yellow 77%);
    font-size: 2rem;
    font-size: clamp(1rem, 5vw + 1rem, 2.5rem);
    line-height: 1.3;
    margin: 0 auto;
    margin-top: .2em;
    margin-bottom: .6em;
    padding: .1em;
    
}
.coming {
    background-color: #ccc;
    border-radius: .4em;
    padding: .08em;
    float: none;
    /*display: inline-block;*/
}

.intro .container-head-1 .logo{
    /*max-width: 5em;
    float: left;
    margin: .25em;*/
    max-width: 5em;
    margin: 0 auto;
    padding: .4em .4em;
    background: #000;
    border-radius: .6em;
}
.intro .container-head-1,
.intro .container-head-2 {
    display: flex;
    gap: 1em;
    flex-wrap: wrap;
    flex-basis: 20%;
    justify-content: center;
}
/* .container-head-2 .head-title {
    display: flex;
    margin-left: auto;
    margin-right: auto;
} */
.head-sub {
    color: orange;
    font-size: 1.2em;
    line-height: 1.2;
    margin-bottom: 1.2em;
    padding: 0 .2em;
}
.sub-new {
    font-style: italic;
    font-weight: normal;
}
.body-main {
    
    /*margin: .2em 0;
    padding: .6em 0;
    padding-top: .2;
    background-color: rgba(170,200,230,1.00);*/
    line-height: 1.4;
    text-align: left;
    /*font-size: 1.2em;*/
}
.container-main {
    /*margin: .2em 0;*/
    margin: 0 auto;
    padding: .6em 0;
    padding-top: .4em;
    
}
.container-main-1 {
    background-color: rgba(170,200,230,1.00);
    border-radius: .8em .8em 0 0;
    
    padding: .6em .6em .2em .6em;
    margin-bottom: .6em;
    line-height: 1.4;
    text-align: left;
    /*font-size: 1.2em;*/
    
}
.container-main-2 {
    background-color: rgb(189, 205, 223);
    border-radius: 0 0 .8em .8em;
    /*margin: 0 auto;*/
    padding: .6em .6em .2em .6em;
    line-height: 1.4;
    text-align: left;
    /*font-size: 1.2em;*/
    
}
.container-head-3 .head-text-1,
.container-head-3 .head-text-2,
.container-head-3 .head-text-3 {
    background-color: #ddd;
    line-height: 1.4;
    margin: .4em 0;
    padding: .6em;
    margin-top: 0;
    
}
.container-head-3 .head-text-1 {
    border-radius: .8em .8em 0 0;
}
.container-head-3 .head-text-2 {
    border-radius: 0 0 0 0;
}
.container-head-3 .head-text-3 {
    border-radius: 0 0 .8em .8em;
}
.update {
    background-color: #ccc;
    color: #000;
    width: 90%;
    margin: 0 auto;
    margin-bottom: .6em;
    padding: .4em;
    font-size: 1.2rem;
}
.main-text-1, .main-text-2, .main-text-3, .main-text-4, .main-text-5, .main-text-6, .main-text-7, .main-text-8 {
    margin-bottom: 1em;
    font-size: 1.4rem;
}
.italic-1 {
    font-style: italic;
}
/*.strong-1 {
    
}*/
.footer {
    background-color: #222;
    color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: .25em;
    font-size: 1rem;
}
.grad1 {
        height: 20px;
        border: 0;
        width: 87.5%;
        margin: 0 auto;
        box-shadow: 0 15px 15px -7px orange inset;
        background: linear-gradient(left, white, orange, white);
        /*background: -moz-repeating-linear-gradient(left, white, orange, white);*/
    }