*{box-sizing:border-box;font-family:Anuphan,sans-serif}a{text-decoration:none}a,a:visited{color:#fff}.on{display:initial}.link{margin-top:2rem}.off{display:none}.image{height:40vh!important;object-fit:cover!important;width:100%}.dev-caption{background-color:#000;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;height:30vh!important;justify-content:flex-start;padding:1rem}.green-box{background-color:#2aff01}.green-caption{border-top:5px solid #2aff01;color:#2aff01}.green-link{color:#2aff01}.green-caption a{align-self:flex-end;color:#2aff01;display:block;justify-self:flex-end;text-align:right}.green-caption a:visited{color:#2aff01}.magenta-box{background-color:#f0f}.magenta-caption{border-top:5px solid #f0f;color:#f0f}.magenta-caption a{color:#f0f;display:block;text-align:right}.magenta-caption a:visited{color:#f0f}.yellow-box{background-color:#ff0}.yellow-caption{border-top:5px solid #ff0;color:#ff0}.yellow-caption a{color:#ff0;display:block;text-align:right}.yellow-caption a:visited{color:#ff0}.dev-caption p:first-of-type{margin-bottom:1rem}@media screen and (min-width:600px){.dev-outter{box-shadow:0 0 5px #000;margin:0 auto 1rem;width:90%}.dev-caption{padding:2rem}}@media screen and (min-width:760px){*{font-size:1.2rem}}@media screen and (min-width:850px){*{font-size:1.4rem}}@media screen and (min-width:1000px){.development-resources{display:flex;justify-content:space-between;margin:10vh auto;width:75vw}.dev-outter{width:32%}.dev-caption{padding:1rem}.dev-caption *{font-size:.6rem;font-weight:400}}@media screen and (min-width:1200px){.dev-caption *{font-size:.9rem;font-weight:400}.dev-caption a{font-weight:700}}@media screen and (min-width:1400px){.dev-caption{padding:2rem 1rem}.dev-caption *{font-size:1rem;font-weight:400}.dev-caption a{font-weight:700}}@media screen and (min-width:1920px){.dev-caption{padding:2rem}}@media screen and (min-width:2400px){.development-resources{width:60vw}.dev-caption *{font-size:1.2rem}}