@charset "UTF-8";

main{
    padding-bottom: 120px;
}
hr{
    display: block;
    width: 100%;
    margin: 16px auto;
    border: none;
    background-color: var(--sub);
    height: 1px;
    border-radius: 2222px;
}
/*------------------------------------------------*/

header{
    max-width: 400px;
    margin: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    padding: 16px;
}
header .header_img{
    max-width: 160px;
    object-fit: cover;   
}
:root{
    --icon_innerborder: rgb(233, 233, 233);
}
@media (prefers-color-scheme: dark) {
    :root{
        --icon_innerborder: rgb(129, 129, 129);
    }
}
header .header_img #header_icon{
    border: var(--icon_innerborder) 1px solid;
    border-radius: var(--br);
    background-color: var(--bg);
    /*
    filter: drop-shadow(0 0 12px var(--subL));
    */
}
header .header_img{
    
        /*
    background-color: var(--subLL);
        
    */

    border: var(--border);
    
    
    border-radius: var(--br_big);
    padding: 8px;
}
header .header_texts .lastup_wrapper{
    text-align: end;
    color: var(--subDX);
}
header h1{
    font-size: 3rem;
    margin: 0;
    padding: 0;
}
.index_topWrapper{
    width: 100svw;
    height: 60svh;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--------------------------------------------*/
section{
    max-width: 1000px;
    margin: auto;
    padding: 64px 16px ;
    border-top: var(--border);
}

/*--------------------------------------------*/
/*
header{
    width: 100svw;
    max-height: 64px;
    margin: auto;

    display: flex;
    flex-wrap: nowrap;
    align-items: center;

    border-bottom: var(--border);
}
header .header_img{

    padding-top: 3px;

}
header .header_img #header_icon{
    max-width: 60px;
        object-fit: cover;  
}

header .header_texts{
    text-align: center;

}
header .header_texts h1{
    font-size: 2rem;
    margin: 0;
    padding: 0;
}
*/