body{
    transition: opacity ease-in 0.2s;
    height:100%;
    margin:0;
}

html{
    background: color-mix(in srgb, #000000 88%, white 12%);
    color:#fff;
    height:100%;
}

.main{
    width:100%;
    max-width:600px;
    margin:0 auto;
    min-height: 100%;
    border-radius:15px 15px 0 0;
    position:relative;
    background:#000;
}
.main .img{
    max-height:600px;
    overflow:hidden;
}
.main .img img{
    width:100%;
    display:block;
    position:relative;
    z-index:1;
}

.abs-img{
    background: -webkit-linear-gradient(180deg, rgb(255, 255, 255), rgb(0, 0, 0) 62%);
    background: -moz-linear-gradient(180deg, rgb(255, 255, 255), rgb(0, 0, 0) 62%);
    background: linear-gradient(180deg, rgb(255, 255, 255), rgb(0, 0, 0) 62%);
    position: absolute;
    top: 0;
    height:600px;
    left: 0;
    right: 0;
    -webkit-mask-image: linear-gradient(to top, black 0%, transparent 100%);
    mask-image: linear-gradient(to top, black 0%, transparent 100%);
    z-index:2;
}

.main-bg{

}

.main-content{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:2;
}

.content{
    margin-top:88%;
    padding-bottom:30px;
    background:#000;
}

.btn{
    margin:15px;
}

.btn a{
    padding: 20px 20px 20px 20px;
    margin:20px 0;
    border-radius:15px;
    background-color:rgb(100, 95, 95);
    display:block;
    color:#fff;
    text-align:center;
    font-size:24px;
    text-decoration:none;
}
.btn a:hover {
    background-color:rgb(105 105 105);
}
.wa{
    padding: 0px 20px;
    background:url(/assets/img/wa.png) no-repeat 15px center;
    background-size:40px;

}

.tg{
    padding: 0px 20px;
    background:url(/assets/img/tg.png) no-repeat 15px center;
    background-size:40px;
}

.ico_foot{
    display:flex;
    align-items: center;
    justify-content: center;

}

.ico_foot a{
    margin:0px 10px;
}

.share{
    cursor:pointer;
    display:flex;
    position:absolute;
    top:20px;
    right:20px;
    z-index:2;
    transition-duration: .15s;
    border-radius: 9999px;
    border-width: 1px;
    justify-content: center;
    align-items: center;
    height: 2.5rem;
    width: 2.5rem;
    font-variation-settings: inherit;
    font-variant-ligatures: inherit;
    background:rgb(100, 95, 95);
    color:#fff;
}

.share svg{
    fill:#f2f2f2
}

.share:hover{
    cursor: pointer;
    background:#fff !important;
}

.share:hover svg{
    fill:#000;
}

@media (max-width: 550px) {
    .abs-img{
        height: 450px;
    }
}