:root{--green:#096b14;--light-green:#e8f0ec;--bg-color:#feffff;--text-color:#332d2d}@media (prefers-color-scheme: dark){:root{--green:#096b14;--light-green:#223422;--bg-color:#20201c;--text-color:#bbbbba}}a,body,div,em,footer,h1,h2,h3,header,html,img,li,nav,p,section,span,strong,table,td,th,tr,ul{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}table{border-collapse:collapse}html{margin:0;padding:0;font-size:62.5%;scrollbar-color:var(--green) var(--light-green)}body{position:relative;background:var(--bg-color);color:var(--text-color);margin:0;padding:0;font-family:"Quicksand";font-weight:500;font-style:normal;font-size:1.4rem;line-height:1;scrollbar-color:var(--green) var(--light-green)}::-moz-selection{background:var(--light-green)}::selection{background:var(--light-green)}.c{text-align:center}.text-green{color:var(--green)}.bg-green{background-color:var(--green)}#topbar{box-sizing:border-box;position:fixed;z-index:100;top:0;left:0;width:100vw;height:70px;font-family:'Kanit';font-size:2.8rem;text-align:left;line-height:2.2rem;color:#fff;text-transform:uppercase;letter-spacing:3px;text-shadow:0 0 1px #000;background-color:var(--green)}#title{box-sizing:border-box;display:block;margin:0 auto;width:300px;height:70px;padding-top:13px;padding-left:90px;background-image:url("/images/atiedzo-logo.png");background-position:left;background-repeat:no-repeat;background-size:contain;color:#fff;text-decoration:none}#title span{font-size:1.8rem;letter-spacing:2px}#social{position:fixed;z-index:110;top:19px;right:40px}#social > a{display:inline-block;margin-left:20px;width:32px;height:32px;background-repeat:no-repeat;background-size:contain}#social > a:first-child{margin-left:0}#social > a[target=facebook]{background-image:url("/images/icon-facebook.png")}#social > a[target=youtube]{background-image:url("/images/icon-youtube.png")}nav#menu{position:fixed;z-index:120;top:70px;left:0;border-bottom:1px solid var(--green);width:100vw;height:70px;background-color:var(--light-green);text-align:center}nav#menu > ul{white-space:nowrap}nav#menu > ul > li{display:inline-block;margin:1px 0}nav#menu > ul > li > a{display:block;padding:0 24px;height:68px;font-family:'Kanit';line-height:68px;color:var(--green);font-size:2.4rem;text-transform:uppercase;text-decoration:none;letter-spacing:1.5px;text-shadow:1px 1px 0 #fff}@media (prefers-color-scheme: dark){nav#menu > ul > li > a{color:var(--text-color);text-shadow:none}}nav#menu > ul > li > a:hover{background-color:var(--green);color:#fff;text-shadow:none}footer{box-sizing:border-box;padding:40px 12px;width:100%;height:auto;text-align:center;background-color:var(--green);font-family:'Kanit';font-size:2.4rem;color:#010101;clip-path:polygon(0 40%, 100% 0, 100% 100%, 0 100%)}footer a{color:#010101;line-height:3.2rem;text-decoration:none}footer a:hover{text-decoration:underline}footer nav{padding-top:200px;padding-bottom:20px;background-image:url("/images/atiedzo-logo.png");background-position:center 70px;background-repeat:no-repeat;background-size:120px}footer nav ul{list-style:none}footer nav ul li a{color:#feffff}#main{box-sizing:border-box;position:relative;margin:0 auto;padding:170px 4.8rem 10rem;max-width:1120px;min-height:calc(100vh - 319px)}#main p{margin-bottom:3.6rem;font-size:2.2rem;line-height:3.8rem}#main p strong{font-weight:bold}#main p a{color:var(--green);text-decoration:underline}#main p a:hover{text-decoration:underline}#main p i{font-style:italic}#main p em{text-decoration:underline}#main ul{list-style:disc;margin-bottom:3.6rem;margin-left:4rem;font-size:2.2rem}#main ul > li{margin-bottom:2rem;line-height:3.8rem}#main img.left{float:left;margin:1rem 5rem 3rem 0;max-width:42%}#main img.right{float:right;margin:1rem 0 3rem 5rem;max-width:42%}h1{margin:1.2rem 0 5rem;font-size:4rem;font-weight:bold;line-height:1;color:var(--text-color)}h1 a{color:var(--text-color);text-decoration:none}h2{margin:2.4rem 0 3rem;font-size:3rem;font-weight:bold;line-height:1}article > .content .articleImage{margin:3.6rem auto;text-align:center}article > .content .articleImage > a{display:block}article > .content .articleImage img{display:block;margin:0 auto;width:1024px;max-width:100%}article > .content .articleImage .legend{box-sizing:border-box;-moz-box-sizing:border-box;margin:0 auto;padding:8px;font-style:italic}body.tudastar #main{max-width:1720px;padding-left:0;padding-right:0}.tudastar{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.tudastar > .item{display:block;position:relative;margin:3rem;width:480px;height:360px;background-repeat:no-repeat;background-position:center top;background-size:contain;text-decoration:none}#main .tudastar > .item > img{max-width:100%}#main .tudastar > .item > p{box-sizing:border-box;position:absolute;bottom:0;left:0;margin:0;padding:50px 0 30px;width:100%;height:auto;background:var(--green);font-size:2.3rem;font-weight:bold;color:#fff;text-align:center;line-height:3rem;clip-path:polygon(0 25%, 100% 0, 100% 100%, 0 100%);transition:clip-path 0.2s ease-out 0s}#main .tudastar > .item:hover > p{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}@media handheld, only screen and (max-width: 1620px){.tudastar > .item{margin:2rem}}@media handheld, only screen and (max-width: 1180px){.tudastar > .item{width:400px;height:300px}#main .tudastar > .item > p{padding:30px 0 20px;font-size:2.4rem;line-height:3rem}}@media handheld, only screen and (max-width: 719px){#title{margin-left:30px}#social{right:30px}nav#menu{height:50px}nav#menu > ul > li > a{font-size:2rem;padding:0 12px;height:48px;line-height:48px}#main,body.tudastar #main{padding-top:145px}body.tudastar #main h1{margin-bottom:2rem}#main img.left,#main img.right{display:block;float:none;margin:20px auto}}@media handheld, only screen and (max-width: 583px){nav#menu > ul > li > a{font-size:1.8rem;padding:0 10px;letter-spacing:0}#main{padding:130px 2rem 6rem}body.tudastar #main{padding-top:130px}#main p{margin-bottom:3rem;font-size:2rem;line-height:2.8rem}h1{margin-bottom:3.2rem;font-size:3rem}#main ul{margin-bottom:3.2rem;font-size:2rem}#main ul > li{margin-bottom:2rem;line-height:2.8rem}article > .content .articleImage{margin-bottom:3rem}footer{clip-path:polygon(0 30%, 100% 0, 100% 100%, 0 100%)}#main .tudastar > .item > p{font-size:2rem;line-height:2.2rem}}@media handheld, only screen and (max-width: 449px){#title{margin-left:auto}#social{position:fixed;top:auto;bottom:0;left:0;width:100vw;height:48px;background:var(--green);text-align:center}#social > a{margin-top:8px;margin-left:30px}nav#menu{height:40px}nav#menu > ul > li > a{font-size:1.6rem;padding:0 8px;height:38px;line-height:38px}footer{padding-top:0;padding-bottom:70px;font-size:2rem;clip-path:polygon(0 20%, 100% 0, 100% 100%, 0 100%)}.tudastar > .item{margin:1rem 0;width:100vw;aspect-ratio:4/3;height:auto}}@media print{#social,footer nav,nav#menu{display:none}html{font-size:40%}#topbar{position:absolute;font-size:4rem;line-height:3.3rem;letter-spacing:4px}#title span{font-size:3rem}#main{padding-top:90px}#main p{margin-bottom:4rem;font-size:2.4rem;line-height:3.6rem}#main article > .content .articleImage img{max-width:50vw}footer{background:none;clip-path:none}.tudastar > .item{page-break-inside:avoid}}