@media (prefers-color-scheme: light) or (prefers-color-scheme: dark) {

    html,body {overflow:auto;margin:0;padding:0;border:none;scroll-behavior:smooth;}

    html {height:100vh; background: radial-gradient(ellipse 117% 129% at 4% -3%, rgba(147,218,255,1) 0%, rgba(38,155,221,1) 35%, rgba(0, 30, 58, 1) 100%);background-size:cover;background-attachment: fixed;}

    main {margin:0 40px}

    #lang-wrap {
        margin:50px 0 40px 0;
        padding:0;
        display:flex;
        flex-wrap:nowrap;
        justify-content: center;
        align-items:center
    }

    .lang {width:50px;height:28px;padding-top:1px;display:flex;align-items:center;font-size:16px;font-family:Raleway;font-weight:bold;text-decoration:none}

    #lang-atv {background:rgba(255,255,255,.4);color:#0A1E31;border:1px solid transparent}
    #lang-inatv {border:1px solid rgba(255,255,255,.4);box-sizing:content-box;color:#75c0e5}


    .lang-left {border-radius:100px 0 0 100px;text-align:right;margin:0;padding-right:12px;justify-content: right;}
    .lang-right {border-radius:0 100px 100px 0;text-align:left;padding-left:12px}

    #head {display:flex;align-items:center;justify-content: center;flex-direction:column;margin:0}
    #head > div {border-radius:100px;width:141px;height:141px;border:1px solid rgba(255,255,255,.3);display:flex;align-items:center}
    #head > div > img {width:114px;height:114px;display:block;margin:0 auto;border-radius:100px;object-fit:contain;background:#fff}

    #head > ul {list-style-type: none;display:flex;margin:18px 0 0 0;padding:0}
    #head > ul > li {display:inline-block;width:22px;height:22px;margin:0 16px}
    #head a {display:block}
    #head svg {display:block;width:20px;height:20px}

    #head > h2 {margin:40px 0 28px 0;color:#fff;font-size:34px;font-family:Raleway;font-weight:lighter}

    #buttons {display:flex;flex-direction: column;align-items:center;margin:0}

    #buttons a {max-width:400px;width:100%;height:58px;display:flex;justify-content:space-between;align-items:center;border-radius:100px;;box-shadow:0px 0px 13px rgb(103 181 221 / 16%);background:#0c2740;text-decoration:none;color:#d8f0ff;font-family:Raleway;font-size:20px;font-weight:normal}
    #buttons a:first-child {margin:0 0 16px 0}
    #buttons > a > span {display:flex;}
    #buttons > a > span:first-child{width:27px;height:15px;position:relative;left:20px}
    #buttons > a > span:last-child{width:27px;height:20px;position:relative;right:20px}
    #buttons > a > span:last-child > svg {stroke:#A5D3FF}
    #buttons > a:last-child > span:first-child{width:26px;height:19px}

    #pub {margin-top:60px;position:Relative}
    #pub-div {position:relative;height:20px;max-width:400px;width:100%;margin:0 auto;padding:0;display:flex;justify-content: center;align-items: center;}
    #pub hr {flex-grow:2;border:none;margin:0;background:rgba(255,255,255,.5);height:1px}
    #pub-title {flex-grow:1;margin:0;font-family:Raleway;font-weight:bold;font-size:14px;text-align:center;color:rgba(255,255,255,.8)}

    #ad {aspect-ratio: 1 / 1; position:relative;max-width:300px;min-width:200px;max-height:300px;min-height:200px;margin:60px auto;display:block;border-radius:10px;overflow:hidden;text-decoration:none}
    #ad-desc {position:absolute;bottom:0px;left:0;width:100%;height:90px;color:#fff;z-index:10;font-family:Raleway;font-size:12px;text-align:center;background:rgba(0,0,0,.35)}
    #ad-desc > p {margin:0}
    #ad-desc > p:nth-child(2){font-size:18px;margin:-5px 0 5px 0;font-weight:bold;}
    #ad-desc > p:nth-child(3){font-size:14px;font-weight:normal}
    #ad-desc > div {position:relative;top:-15px;display:flex;align-items: center;margin:0 auto;min-width:35px;max-width:35px;min-height:35px;max-height:35px;border-radius:100px;text-align:center;font-size:10px;font-weight:bold;text-transform: uppercase;background:#fff;color:#000}
    #ad-desc > div > svg {width:12px;height:12px;margin:0 auto;stroke:#000;stroke-width:3px}
    #ad-logo {position:absolute;top:40px;left:50%;transform:translate(-50%,0);display:block;width:110px;height:auto;z-index:10}
    #ad-img {position:absolute;width:100%;height:100%;display:block;object-fit:cover;z-index:0}



    footer{font-family:Raleway;font-weight:normal;color:white;font-size:12px;text-align:center;margin:50px 0 50px 0;}
    footer, footer a{color:#7fb6d7;}

}